okta-react | Okta OIDC SDK for React | OAuth library

We have a react app which we are trying to implement auth code flow with social logins with Facebook. Once authenticated We will make requests to our backend which will validate the JWT access token on each call.

When trying to login with Facebook, we get redirected back to our redirect_uri successfully with our auth code but before we are able to exchange the auth code for an access token we receive the following error:

AuthSdkError: Unable to retrieve OAuth redirect params from storage

We have a simple component that handles the callback URI and the Okta config like so:

I've been stumped on this issue for quite some time.

I am using Okta Authentication for my React SPA and everything is going well however the restoreOriginalUri function doesn't actually route/redirect back to the Original URI on successful authentication.

package.json

Can someone please help me on this.

I am getting errors while running the below code. I don't know what mistake I am doing. I have put the comment in the line where error is coming. Even a little suggestion would be very helpful.

Error is in the image at the end.

Here is my code

I am running a Spinner on progress.

When it is done, it shows a "Success" message.

I made component for Home and for StatusInfoIcon (Spinner).

How can I remount the StatusInfoIcon component after "Success" message? I want to run the action for different ID

Tried passing properties like childKey via props with a value from Math.Random() but it didn't reset the component State, so it was stuck at "Success" message.

Home component:

I'm trying to add OKTA to my React application. I've gotten sign-in to work fine. But I'm struggling with Signout.

Setup: I added OKTA to my project following these instructions from OKTA.

This mostly worked, but included these instructions for invoking the sign-in

I installed @okta/okta-react package in my application but it threw the following error?

I have a CORS webFilter in my webflux api and when I make an Options request via postman for the pre-flight checklist I get a response with the correct headers. But when I make the same request from a browser using Axios and the Okta-React library to retrieve the access token, a 401 Unauthorized is returned and the headers I am looking for are not returned. Is Axios not including the Bearer Token in the OPTIONS request? Do I need to whitelist options requests to not be authenticated by OKTA, wouldnt OKTA handle this?

I am using the same access token from the SPA in postman. Am I missing something in the Axios request, is there any additional configuration I need to perform with Axios for CORS?

I am stumped, why does the webfilter activate for an OPTIONS request when sent from postman but not when called from Axios in the browser?

I'm using the Okta react library - https://github.com/okta/okta-oidc-js/tree/master/packages/okta-react however it doesn't come with type definitions.

I've created a .d.ts defintion file that has declare module "@okta/okta-react" however this library has a higher order component used like: import { withAuth } from '@okta/okta-react'; (https://github.com/okta/okta-oidc-js/tree/master/packages/okta-react#withauth)

How do I write this in my definitions file?

Is this valid?