auth with router

app.jsx

function App () {
  const [user, setUser] = useState(null)
  const [authenticating, setAuthenticating] = useState(true)

  useEffect(() => {
    Auth.currentAuthenticatedUser()
      .then(data => { setUser(data.attributes) })
      .catch(error => { console.log(error) })
      .finally(() => { setAuthenticating(false) })
  }, [])

  const updateUserState = async user => {
    setUser(user)
  }

  return (
    authenticating ? (
      <div className={c.wrapper}>
        <Loader size={60}/>
      </div>
    ) : (
      <Routes
        user={user}
        updateUserState={updateUserState}
      />
    )
  )
}