Using Social Login with Auth0 React Error on tab close

Hey guys,

We have a react website and it uses the Auth0 Google Social login as the backend. We followed the get started with react-auth0 docs and everything works fine except this small quirk.

When we sign in to our website, and close the tab without signing off and reopen the webpage again the login page fails to display and upon checking the console the following error is noticed:

Uncaught TypeError: Cannot read property ‘loginWithRedirect’ of undefined
{error: “timeout”, error_description: “Timeout”}

Would you happen to have any ideas on why this may be happening?

Hey there!

Can you share with us the link to the quickstart you used so we can try to reproduce it? Thanks in advance!

Hello!

I am mostly following this tutorial: https://auth0.com/docs/quickstart/spa/react/01-login

Just a quick note - when i try this on localhost, it seems to work, however when I attached a domain to this using AWS, and when I access the same website after deploying it to a production environment it fails with that error upon tab close/reopen.

Does this have something to do with domains? Do we need some additional settings for that?

Thanks!

Not sure. Let me research that and get back to you soon!

Hello!

Did you manage to find any quirks or possible solutions/ideas as to why this may be happening?

Thanks!

Hey there Aljanson!

Sorry for the huge delay in response but I must have totally missed your message among all the incoming messages that we have. Once more sorry for that. I haven’t found anything in our docs on that neither in the forum or using google search.

I would recommend to you to copy-paste that into a GitHub issue in the quicksart repo here:

so the repo maintainers can directly work with you on that hurdle.