MERN Stack Maintaining Login After router link to and refresh

Hi, I am a bit new and am tinkering to build my first full-stack web application. Using the MERN Stack. The current setup has my API running via node and express/ managing MongoDB through express.

I recently Implemented SPA auth0 per recommendations in the docs and the log-in worked great and I was able to access my profile. I even set up tokens and caching under localstorage which worked on a refresh of the index on localhost:3000, however, I use the react-router to link to localhost:3000/coffee without a refresh and this works briefly allowing me to access the user from useAuth0. However, if I refresh the page user is undefined and I am no longer logged into Auth0.

Is there any advice or documentation you would recommend? Am I approaching this the wrong way?