Set logout link for react-oidc-context

[rcbandit111]

I use this code to logout user:

const signOut: JwtAuthContextType['signOut'] = useCallback(() => {
        removeTokenStorageValue();
        removeGlobalHeaders(['Authorization']);
        setAuthState({
            authStatus: 'unauthenticated',
            isAuthenticated: false,
            user: null
        });
        auth.signoutRedirect();
    }, [removeTokenStorageValue]);

When I call it I'm redirected to http://host:8080/logout?id_token_hint=eyJraWQiOi.......

I need to set a custom logout url: http://host:8080/connect/logout?id_token_hint=eyJraWQiOi......

Do you know how I can configure this?

[zach-betz-hln]

Hi @rcbandit111 - auth.signoutRedirect() accepts an args object. You could potentially pass your custom URL like this:

auth.signoutRedirect({ post_logout_redirect_uri: 'https://example.com/' })

Or, wherever you new up your UserManager you can set the post_logout_redirect_uri there. Example.

[rcbandit111]

I tested but unfortunately it's not working. The url is not replaced. By the way I use Spring Authorization Server if this has any impact. Other solutions?

[zach-betz-hln]

I don't have any other ideas, sorry.

[thraizz]

In Cognito, if someone stumbles on this, you need to do the logout like:

  const logout = async () => {
    await oidcAuth.signoutRedirect({
      id_token_hint: oidcAuth.user?.id_token,
      extraQueryParams: {
        client_id: oidcAuth.settings.client_id,
        logout_uri: oidcAuth.settings.redirect_uri,
        response_type: 'code',
      },
    });
  };