<MultisessionAppSupport>
The <MultisessionAppSupport>
provides a wrapper for your React application that guarantees a full rerendering cycle everytime the current session and user changes.
Usage
pages/_app.tsximport "@/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.tsximport { ClerkProvider, MultisessionAppSupport } from "@clerk/clerk-react"; function App() { return ( <ClerkProvider publishableKey={`{{pub_key}}`}> <MultisessionAppSupport> <Page /> </MultisessionAppSupport> </ClerkProvider> ); } function Page() { return ( <div>The content</div> ); }
Last updated on February 13, 2024