<MultisessionAppSupport>

The <MultisessionAppSupport> provides a wrapper for your React application that guarantees a full rerendering cycle everytime the current session and user changes.

Usage

Next.js

pages/_app.tsx

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

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

export default MyApp

React

app.tsx

import { OneAuxiliaProvider, MultisessionAppSupport } from '@oneauxilia/oneauxilia-react/internal'

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

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