firebase auth delayed on refresh

Question

Hard refreshes on my SPA React/Firebase application does not maintain auth state on immediate execution of a function. I have a workaround, but it\'s sketchy.

My react

Answer 1

This worked for me try to wrap your main app in an if else statement depending on the state of firebase.auth .

 constructor() {
    super();
    this.state={
    user:{},
    stateChanged:false
    };
  } 
componentDidMount(){
fire.auth().onAuthStateChanged((user)=>{
      this.setState({stateChanged:true})
    });
}
render() { 
    if(this.state.stateChanged==false){
      return(
        

          Loading
        
      )
    }
else{
    
        return(
your code goes here...
 )

}
}