Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AuthSdkError: Could not load PKCE codeVerifier from storage. This may indicate the auth flow has already completed or multiple auth flows are executing concurrently. #143

Open
jakedurell opened this issue Sep 4, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@jakedurell
Copy link

jakedurell commented Sep 4, 2024

Describe the bug

After registration, the user is to be redirected to the /welcome route. Occasionally, instead of displaying the component at that route, the following text is displayed where router-view component would appear on App.vue:

AuthSdkError: Could not load PKCE codeVerifier from storage. This may indicate the auth flow has already completed or multiple auth flows are executing concurrently.

This seems to happen consistently if you wait at the Okta registration screen for 15 minutes before returning. For some users, it happens every time without waiting.

Reproduction Steps?

  • Deploy vue app with okta-vue per sdk versions provided here
  • Configure OIDC single page app with initiate login at desired route (/welcome)
  • Set brand settings for login page to default to application
  • Ensure self service registration is enabled in vue apps profile enrollment policy
  • Go to custom URL for Okta org
  • Click on "sign up" or other text for creating an account
  • Wait for 15+ minutes before submitting account creation form
  • Click button in email to verify account
  • Observe AuthSdkError error text between App.vue header and footer

SDK Versions

System:

OS: Windows 10 10.0.19045
CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz
Memory: 1.91 GB / 15.67 GB

Binaries:

Node: 18.13.0 - C:\Program Files\nodejs\node.EXE
npm: 8.19.3 - C:\Program Files\nodejs\npm.CMD

Browsers:

Edge: Chromium (127.0.2651.74)
Internet Explorer: 11.0.19041.4355

npmPackages:

@okta/okta-vue: ^5.0.0 => 5.7.0
@vue/cli-plugin-babel: ^5.0.8 => 5.0.8
@vue/cli-plugin-eslint: ^5.0.8 => 5.0.8
@vue/cli-service: ^5.0.8 => 5.0.8
@vue/compat: ^3.1.0-0 => 3.4.27
@vue/compiler-sfc: ^3.1.0-0 => 3.4.27
vue: ^3.1.0-0 => 3.4.27
vue-fuse: ^4.1.1 => 4.1.1
vue-router: ^4.0.0 => 4.3.2

Additional Information

This is vue 3 but I think I am not taking full advantage of vue 3 features. I am not using composition API. I export default to initiate app.vue and not "new Vue". I don't use "new Vue" syntax anywhere.

@jakedurell jakedurell added the bug Something isn't working label Sep 4, 2024
@jaredperreault-okta
Copy link
Contributor

Thanks for the report

Internal Ref: OKTA-803561

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants