Persist authentication issue

[chaoming]

I implemented this into my application but it seems that the code to detect if currentUser exists

        !!currentUser ? (
          <RouteComponent {...routeProps} />
        ) : (
          <Redirect to={"/login"} />
        )

is executed before loading the currentUser

  useEffect(() => {
    app.auth().onAuthStateChanged(setCurrentUser);
  }, []);

so the result is the user will be redirected to login after refreshing the page.

[m-zaremba]

Did you find solution for this?

[wengzilla]

I am also generally having flicker issues whereby the user is not loaded fast enough. What's the best way to block rendering until currentUser has been loaded?

[MrBlue9]

Having the same issue. Accessing a private route redirects to the login page which in turn redirects to '/' because at that point currentUser is finally available.

[csulit]

Having the same issue when successfully login but when the page reloads login form flickers.

[csulit]

I implemented this into my application but it seems that the code to detect if currentUser exists

        !!currentUser ? (
          <RouteComponent {...routeProps} />
        ) : (
          <Redirect to={"/login"} />
        )

is executed before loading the currentUser

  useEffect(() => {
    app.auth().onAuthStateChanged(setCurrentUser);
  }, []);

so the result is the user will be redirected to login after refreshing the page.

Can you share your changes? :)

[Nomzy-kush]

I keep encountering this error 'TypeError: firebase_js__WEBPACK_IMPORTED_MODULE_1_.default.auth is not a function' in my Auth.js please help.