Ionic4 React Firestore problem with setting protected route for the '/account'

auth.ts

// useAuth.ts

export default () => {
  const dispatch = useDispatch()
  const currentUser = useSelector(selectCurrentUser)
  console.log('current User in useAuth hook', currentUser)
  useEffect(() => {
    const setUser = (user: any) => {
      if(user) {
        dispatch(login({ uid: user.uid, email: user.email }))
      } else {
        dispatch(logout())
      }
    }
    const unsubscribe = auth.onAuthStateChanged(setUser)

    return () => unsubscribe()
  }, [dispatch])

  return currentUser
}




//Root App component

const currentUser = useAuthUser()
console.log('current User in App', currentUser) // => Logs the value null, so I assume that useAuthUser is okay.
<Route path={ACCOUNT} exact={true} render={(props: any)=>
    currentUser !== null || currentUser !== undefined ? (
    <Account {...props} /> ) : (
    <SignIn /> ) } />
    <IonTabButton tab="account" href={ACCOUNT}>
        <IonIcon icon={accountBoxIcon} />
        <IonLabel>My account</IonLabel>
    </IonTabButton>