Bug: Bad authorization state. Refreshing the page might solve the issue. ( about react-oauth2-pkce HOT 5 CLOSED

Could you be running into this issue? https://github.com/soofstad/react-oauth2-pkce#after-redirect-back-from-auth-provider-with-code-no-token-request-is-made

Specifically:

This could also happend if some routes in your app are not wrapped by the <AuthProvider>.

from react-oauth2-pkce.

Yeah I read about it and it's not this case. When I'm redirected from my provider everything works fine. It happens when I enter the page -> provider/ library somehow remembers session -> no redirect to provider to login -> error 'bad authorization state...'

All my routes are wrapper inside AuthProvider. AuthProvider is in index.sx and App routes in App.tsx one level lower

from react-oauth2-pkce.

Are you able to make minimal example on how to recreate this bug?

If not, I'd like so see the state of localStorage, both before and after you are redirected to the authentication provider. If everything there looks alright, then you should have a look at what parameters the auth servers sets when it redirects you back after login.

from react-oauth2-pkce.

Ok - most updated version:

First scenario:

1. Local storage is empty - everything works fine. I'm redirected to provider -> there log in -> redirect to my app and everything works

Second scenario:
Local storage is NOT empty. There is some ROCP data. I'm NOT redirected to provider -> there is no 'code' param in my url and error occurs.
My local storage:

I think in order to reproduce it I need to:

1. Log in to the provider first OUTSIDE my application environment.
2. Turn on my app
3. Then there is no redirect and beforementioned data in local storage.

from react-oauth2-pkce.

react-oauth2-code-pkce will only attempts to retrive code from url if loginInProgress is true.
That is set right before redirecting to auth provider.
The login flow needs to start from the web app using the package. Any redirects to the web-app with code besides that will not work. However, it should just automatically log the user in anyway, with a new redirect.

Have you tried clearing all the web apps persistent data? Calling "logout()" should be enough.

If you wan't some more help with this, I realy need an example on how to recreate it.

from react-oauth2-pkce.