Callback does not redirect back to the requested url

Issue and Steps to Reproduce

Requesting to url /profile if unauthenticated it will go to the oidc provider to initiate login, then it will redirect to callback , but during testing it didnt redirect to profile its just stuck to Authentication complete You will be redirected to your application. Is there a config to set to redirect after the callback? Do you store the requested url like localstorage or cookie then use that to redirect after callback ?

Versions

 5.8.0-alpha0

Config

 export const configuration = {
  client_id: "testingapp-auth",
  redirect_uri: window.location.origin + "/authentication/callback",
  silent_redirect_uri:
    window.location.origin +
    "/authentication/callback/authentication/silent-callback", // Optional activate silent-signin that use cookies between OIDC server and client javascript to restore the session
  scope: "openid profile email offline_access roles",
  authority: "http://oidcprovider.com/apps/testingapp",
    service_worker_relative_url: "/OidcServiceWorker.js",
    service_worker_only: true,
};

[masterbater]

@masterbater I’m currently running into the same issue, could you share your solution?

Im using react router v6 you can also use history.replace though

import { useOidcIdToken } from "@axa-fr/react-oidc";
import React, { useEffect } from "react";
import { useNavigate } from "react-router-dom";

const CallbackSuccessComponent = () => {
  const navigate = useNavigate();
  const { idToken} = useOidcIdToken();
  useEffect(() => {
    if (idToken) {
      navigate("/", { replace: true });
      window.location.reload();
    }
  }, [idToken]);

  return <div>CallbackSuccessComponent</div>;
};

export default CallbackSuccessComponent;

<OidcProvider callbackSuccessComponent={CallbackSuccessComponent} configuration={configuration} > <App /> </OidcProvider> You can also save to localstorage the requested url then programatically call the login function then use that to supply in the navigate(requestedUrl, { replace: true });

It works, thanks.

Although the implementation isn’t amazingly spectacular, for example the call to navigate leaves you on that endpoint directly (in my case the router is supposed to redirect / back to /app, which doesn’t happen without window.location.reload(), which isn’t great, preferably you’d rather not have that reload.

On top of that you’d need to have the OidcProvider within the Router, which shouldn’t be required.

@guillaume-chervet You have an idea how we can improve on that?

You are right Im just playing around with this library so Im doing some temporary solution. window.location.reload is not needed as long as the token callback is successful hence for the reason why there is checking for idToken and the code I provided you is just barebones and removed some of my logic. As what I have said you can customized what you want to redirect path after callback, just save the path before calling the login hook.

Hope this will get fix for some people doesnt want to customized. Even this get fix you depending on your app you might need some custom logic or UI on its default provided component

[Thodor12]

I can also confirm this is working as intended now, thanks 👍🏻