okta-angular Okta PKCE Flow AuthSdk Error when using Multiple Tabs

Current behavior

Login to the application and open the application in-multiple tabs and logout from all the tabs and try to re login with any one of the tab we get this Error : AuthSdkError: OAuth flow response state doesn't match request state After refreshing the page it works normally We are using Okta SDK "@okta/okta-angular": "^2.1.0"

Expected behavior

We not get the AuthSdkError it should land in to home page

Minimal reproduction of the problem with instructions

Login to the Okta SPA PKCE application
Open the application in-multiple tabs
logout from all the tabs
Try to re login with any one of the tab we get this

Error : AuthSdkError: OAuth flow response state doesn't match request state

Environment

OS: windows & mac
Browser: Chrome Safari & Firefox

.Net Framework:

Other: Okta SDK "@okta/okta-angular": "^2.1.0"

Sample Code implementation

login() { this.oktaAuth.loginRedirect('/'+ this.environment.logoutApp); }

logout() { this.oktaAuth.logout('/'+ this.environment.logoutApp); }

async isAuthenticated() { return await this.oktaAuth.isAuthenticated(); }

async getToken() { return await this.oktaAuth.getAccessToken(); }

const routes: Routes = [ { path: 'callback', component: OktaCallbackComponent, },

providers: [
AuthenticationService, HeaderEmitterService, [ { provide: HTTP_INTERCEPTORS, useClass: HeaderHttpInterceptor, multi: true }, { provide: HTTP_INTERCEPTORS, useClass: AdminHttpInterceptor, multi: true } ], { provide: OKTA_CONFIG, useValue: oktaConfig } ],

oidc: { issuer: "https://########.oktapreview.com/oauth2/default", clientId: "0o####################7", redirectUri: window.location.origin + "/callback", postLogoutRedirectUri: window.location.origin, scopes: ["openid", "profile", "email"], pkce: true, tokenManager: { autoRenew: true } }