Authentication not working

I can successfully log in to the app section once but then Hello undefined and the username is blank (screenshot).

If I refresh it goes back to You are not logged in.

Tested in latest FF and Chrome using the one-click deploy button on Netlify. I didn’t change any defaults.

Thank you for your work on this demo! 👏 It is super helpful to understand. Appreciate any input to get it working again.

[sw-yx]

i’m long overdue to update this demo with everything i have done recently (check out react-netlify-identify). thanks for the prompting.

[mrispoli24]

Hey all, had the same problem tonight working through the tutorial but was able to fix it by modifying the login page a bit. Looks like the auth isn’t being initialized properly so the widget does not fire. Also prettier doesn’t like the unused isLoggedIn function on that page. In any event I modified it to this and all is well if anyone is wondering. Not sure why it works on the live netlify demo though for this.

import React from 'react'
import { navigate } from 'gatsby'
import { handleLogin, initAuth } from './services/auth'

class Login extends React.Component {
  componentDidMount = () => {
    initAuth()
  }
  handleSubmit = () => handleLogin(user => navigate(`/app/profile`))
  render() {
    return (
      <>
        <h1>Log in</h1>
        <button onClick={this.handleSubmit}>log in</button>
      </>
    )
  }
}

export default Login