Login/Signup without redirecting to Universal Login

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';
      <body suppressHydrationWarning={true} className={poppins.className} style={poppins.style}>
        <Header />
        <Footer />