[RACE CONDITION] Auth0 Redirect and Context

function Auth0ProviderWithRedirect({ children, ...props }: Auth0ProviderWithRedirectProps) {
  const navigate = useNavigate(); // <-- Needed to redirect a user back to a page they are trying to navigate to while unauthorized
  const onRedirectCallback: Auth0ProviderOptions['onRedirectCallback'] = (
    appState,
  ) => {
    navigate({ to: appState?.returnTo || window.location.pathname });
  };

  return (
    <Auth0Provider {...props} onRedirectCallback={onRedirectCallback}>
      {children}
    </Auth0Provider>
  );
}

function InnerApp() {
  const auth = useAuth0(); // <-- needed to populate my context
  return <RouterProvider router={router} context={{ auth }} />;
}

function App() {
  return (
    <Auth0ProviderWithRedirect
      domain={...}
      clientId={...}
      authorizationParams={{
        redirect_uri: '...',
        audience: '...',
      }}
    >
      <InnerApp />
    </Auth0ProviderWithRedirect>
  );
}