Docs

<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={`YOUR_PUBLISHABLE_KEY`}>
      <MultisessionAppSupport>
        <Page />
      </MultisessionAppSupport>
    </ClerkProvider>
  );
}

function Page() {
  return (
    <div>The content</div>
  );
}

Feedback

What did you think of this content?