Search code examples
vue.jsauth0password-less

Auth0 email magic link `Error: Invalid state` for vue

Checklist

  • The issue can be reproduced in the auth0-vue sample app (or N/A).
  • I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
  • I have looked into the API documentation and have not found a suitable solution or answer.
  • I have searched the issues and have not found a suitable solution or answer.
  • I have searched the Auth0 Community forums and have not found a suitable solution or answer.
  • I agree to the terms within the Auth0 Code of Conduct.

Description

Generated magiclink using passwordlessMethod: 'link' got in my email corrctly but clicking link shows: image

But if I click login button once again it works fine!

Reproduction

  1. Click login button
  2. Provide email
  3. Check mail for the magic link
  4. Click on the link (Shows: Error: Invalid state)
  5. Click again login button (works fine for the 2nd time)

auth0-vue version

2.2.0

Vue version

3.3.4

Which browsers have you tested in?

Chrome

Auth0 GitHub issue

I've searched but found no solution from auth0/docs/spa/vuejs. And found same issue here.

Solution 
  • createAuth0Client({
  useCookiesForTransactions: true
})

    useCookiesForTransactions

    Found a solution here: https://github.com/auth0/auth0-spa-js/issues/671#issuecomment-741902973