`<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.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="pk_test_••••••••••••••••••••••••••••••••••">
      <MultisessionAppSupport>
        <Page />
      </MultisessionAppSupport>
    </ClerkProvider>
  );
}
 
function Page() {
  return (
    <div>The content</div>
  );
}