Followup on transient login in React app

mercicle · July 18, 2020, 8:57pm

Hi,

This thread discusses transient login for React app:

But there was no resolution. Currently my react app authenticates fine but if I refresh the page I have to login again.

The app is located here:
https://github.com/mercicle/cloud-developer/tree/master/serverless/project/completed-project

Thanks!

dan.woda · July 20, 2020, 8:21pm

Hi @mercicle,

Welcome to the Community!

It looks like you are using auth0 js, which we still support, but we have an improved react sdk that might make things easier.

As far as this app is concerned, it looks like you are missing the code to renew the session if the user is considered authenticated. Check out our old example:

github.com

auth0-samples/auth0-react-samples/blob/22b6d6a825e314be56f700dc3c34b0f825547c69/01-Login/src/App.js#L18


      
          }
          
          
login() {
            this.props.auth.login();
          }
          
          
logout() {
            this.props.auth.logout();
          }
          
          
componentDidMount() {
            const { renewSession } = this.props.auth;
          
          
  if (localStorage.getItem('isLoggedIn') === 'true') {
              renewSession();
            }
          }
          
          
render() {
            const { isAuthenticated } = this.props.auth;

mercicle · July 20, 2020, 10:20pm

Hi Dan!
Thanks for the react sdk info and the snippet for the Auth.js, when I add componentDidMount() to the app I still get the error

Could not get a new token (login_required: Login required).

Do I have to save the access and id tokens to localStorage with localStorage.setItem() ? do you have an example of how thats done so that the renewSession() uses the local storage?

dan.woda · July 20, 2020, 10:24pm

You shouldn’t save sensitive info to localstorage, including access/id tokens.

Have you tried different browsers? This could be a cookie issue.

mercicle · July 20, 2020, 10:31pm

I enabled cookies and it still doesn’t work. However, did find out that it works when using email/password vs google login (i.e., I can refresh the page and I’m still logged in). Does this help narrow it down? Thanks!

dan.woda · July 20, 2020, 10:33pm

Which one works, google or email/pass?

mercicle · July 20, 2020, 10:49pm

email/pass works, but not google, thanks!

mercicle · July 22, 2020, 12:58am

Hi Dan any thoughts?