Login/Signup without redirecting to Universal Login

Help
,
1

Hi,
I have an SPA in React 18 + NextJs, I was using the auth0/nextjs-auth0 package for login/signup.
This package consistently redirects to the Universal Login page.

After reading all about this, I have implemented auth0.js and gotten login and signup working in code. I am saving the authTokens into my local storage, however I cannot figure out how to connect that to my UserProvider or if there is a way to do so.

import { UserProvider } from '@auth0/nextjs-auth0/client';
    <UserProvider>
      <body suppressHydrationWarning={true} className={poppins.className} style={poppins.style}>
        <Header />
        <main>{children}</main>
        <Footer />
      </body>

    </UserProvider>