React useAuth undefined when logging in and then going to different page/url

[mgava]

Hi,

So I have a login button on my landing page (www.example.com) and it redirects to my single page app/dashboard (www.example.com/home) after login. However, if I go back to the landing page my useAuth function is undefined for ~30 seconds.

Why is that and how can I fix it? Thanks!!

[dan.woda]

Hi @mgava,

Welcome to the Auth0 Community Forum!

Are you using spa.js? If so, it sounds like this FAQ may address your issue.

In Auth0-SPA-JS, why does the Auth0Client object take a long time to initialize?

Question: In Auth0-SPA-JS, why does the Auth0Client object take a long time to initialize? Answer: Sometimes the createAuth0Client asynchronous method can take over 30 seconds to complete. createAuth0Client may also return undefined and produce an error when you try to access it. This is usually down to a configuration problem between your application, and the Auth0 application you’re trying to log in with. Things to check: Make sure that options passed to createAuth0Client include the…

Let me know if that does it.

Warm Regards,
Dan

[mgava]

Hi Dan,

Thanks for your reply! Yes that was the problem. Specifically, this post also helped me once I looked at my logs: Failed Silent Auth problem, for anyone running into this problem too. Thanks again for your help.

Best,

Matthieu

[dan.woda]

Glad you were able to figure it out!