I have an React app with authentication and a firebase backend. How do i check if the user is signed in? I tried it with onAuthStateChanged. But it only returns:

Here is my code:

import * as FirestoreService from '../../firebase/firebase';

 useEffect(() => {
    let user = FirestoreService.isLoggedIn()
        
        console.log( user)
    
}, []);

Now in the firebase file:

 export const isLoggedIn = () => {
    return firebase.auth().onAuthStateChanged(function (user) {
    if (user) {
      console.log("User signed in");
      
    }
    else {
      console.log("User signed out");
      
    }
  });
  
}

My Check if Loggin was successfull:

function handleLogin() {
     FirestoreService.LoggIn(email, password).then(function (result) {
        // result.user.tenantId should be ‘TENANT_PROJECT_ID’.
        setloggedIn(true)
        
    }).catch(function (error) {
        
        setloggedIn(false);
    });
}

Firebase File:

    export const LoggIn = (email, password) => {
  return firebase.auth().signInWithEmailAndPassword(email, password)
    .then(function (result) {
      // result.user.tenantId should be ‘TENANT_PROJECT_ID’.
      return result;
    })
    .catch(function (error) {
      return error
    });
}

I have an React app with authentication and a firebase backend. How do i check if the user is signed in? I tried it with onAuthStateChanged. But it only returns:

Here is my code:

import * as FirestoreService from '../../firebase/firebase';

 useEffect(() => {
    let user = FirestoreService.isLoggedIn()
        
        console.log( user)
    
}, []);

Now in the firebase file:

 export const isLoggedIn = () => {
    return firebase.auth().onAuthStateChanged(function (user) {
    if (user) {
      console.log("User signed in");
      
    }
    else {
      console.log("User signed out");
      
    }
  });
  
}

My Check if Loggin was successfull:

function handleLogin() {
     FirestoreService.LoggIn(email, password).then(function (result) {
        // result.user.tenantId should be ‘TENANT_PROJECT_ID’.
        setloggedIn(true)
        
    }).catch(function (error) {
        
        setloggedIn(false);
    });
}

Firebase File:

    export const LoggIn = (email, password) => {
  return firebase.auth().signInWithEmailAndPassword(email, password)
    .then(function (result) {
      // result.user.tenantId should be ‘TENANT_PROJECT_ID’.
      return result;
    })
    .catch(function (error) {
      return error
    });
}

• javascript
• reactjs
• firebase
• firebase-authentication
• react-hooks

Share Improve this question Follow edited Jun 27, 2020 at 12:21 skyboyer 23.8k77 gold badges6262 silver badges7171 bronze badges asked Jun 27, 2020 at 9:30 user11425419user11425419

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

onAuthStateChanged() adds an observer for changes to the user's sign-in state but does not return a user object.

In your case you should use the currentUser property. If a user isn't signed in, currentUser is null:

export const isLoggedIn = () => {
    return firebase.auth().currentUser;
}