Component Reference <MultisessionAppSupport> <MultisessionAppSupport>
The <MultisessionAppSupport>
provides a wrapper for your React application that guarantees a full rerendering cycle everytime the current session and user changes.
pages /_app.tsx import "@/styles/globals.css" ;
import { MultisessionAppSupport , ClerkProvider } from "@clerk/nextjs" ;
import { AppProps } from "next/app" ;
function MyApp ({ Component , pageProps } : AppProps ) {
return (
< ClerkProvider { ... pageProps}>
< MultisessionAppSupport >
< Component { ... pageProps} />
</ MultisessionAppSupport >
</ ClerkProvider >
);
}
export default MyApp;
app.tsx import { ClerkProvider , MultisessionAppSupport } from "@clerk/clerk-react" ;
function App () {
return (
< ClerkProvider publishableKey = { ` YOUR_PUBLISHABLE_KEY ` }>
< MultisessionAppSupport >
< Page />
</ MultisessionAppSupport >
</ ClerkProvider >
);
}
function Page () {
return (
< div >The content</ div >
);
}
Last updated on Aug 20, 2024