<MultisessionAppSupport>

import '@/styles/globals.css'
import { MultisessionAppSupport, ClerkProvider } from '@clerk/nextjs/internal'
import { AppProps } from 'next/app'

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <ClerkProvider {...pageProps}>
      <MultisessionAppSupport>
        <Component {...pageProps} />
      </MultisessionAppSupport>
    </ClerkProvider>
  )
}

export default MyApp

import { ClerkProvider, MultisessionAppSupport } from '@clerk/clerk-react/internal'

function App() {
  return (
    <ClerkProvider publishableKey={`YOUR_PUBLISHABLE_KEY`}>
      <MultisessionAppSupport>
        <Page />
      </MultisessionAppSupport>
    </ClerkProvider>
  )
}

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