onRedirectCallback in React-SPA doesn't redirect to original link

Hello! I currently have an Auth0 SPA React application, which I made following this tutorial: https://auth0.com/docs/quickstart/spa/react

After having the code exactly like this, with the Auth0Provider wrapping a Routes component, when the user logs in, it always redirects to the landing page of my web application. Any help is much appreciated!
Here my wrapping code, the Auth0Provider code is exactly how it is in the tutorial.

import ReactDOM from "react-dom";
import React from "react";
//Notifications throughout application
import ReactNotification from 'react-notifications-component'

import 'react-notifications-component/dist/theme.css'
import { Auth0Provider } from "./Authorization/react-auth0-wrapper";
import { AUTH_CONFIG } from "./Authorization/auth0-variables";
import { MakeMainRoutes } from "./routes";

// A function that routes the user to the right place
// after login
const onRedirectCallback = appState => {
      appState && appState.targetUrl
        ? appState.targetUrl
        : window.location.pathname

      <ReactNotification />

      <MakeMainRoutes />



1 Like

Hi @TanBeige,

loginWithRedirect() is designed to navigate the user off the page (in the same tab) and to a login. onRedirectCallback() is a custom event to handle behaviours occurring after the login page takes you back to the app.
When you are taken to the login page, the browser will navigate away from your app. So it knows where to send you back - you must include a “redirect_uri”.

Please check this doc for more information: https://auth0.com/docs/users/guides/redirect-users-after-login

Hope this helps!