Firebase onAuthStateChanged ошибка с React

Question

Я пытаюсь проверить, вошел ли пользователь на мою веб-страницу React с помощью Firebase, но я продолжаю получать сообщение об ошибке TypeError: Cannot read property 'onAuthStateChanged' of undefined, строка кода, на которую он ссылается, выглядит следующим образом:

Login.js:

authListener() {
Fire.auth.onAuthStateChanged((user) => {
  if (user) {
    this.setState({ user })
  } else {
    this.setState({ user: null })
  }
})}

Fire.js:

import firebase from 'firebase'

const config = {
    apiKey: "xxx",
    authDomain: "xxx",
    databaseURL: "xxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx",
    appId: "xxx"
};
const Fire = firebase.initializeApp(config);
export default Fire;

** решил, выше, как мои Fire.js и Login.js выглядят для тех, кто приходит и имеетта же проблема **

Answer 1

Вам необходимо включить пакет firebase

import firebase from "firebase";

, а затем использовать auth () функцию firebase

authListener() {
firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    this.setState({ user })
  } else {
    this.setState({ user: null })
  }
})}

, если вы импортируете firebase из другого файлазатем настройте его следующим образом

import firebase from 'firebase/app';
import 'firebase/auth';
export const init = () => {
    let config = {
        apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
        authDomain: 'xxxxxxxxxxxxx'
    };
    firebase.initializeApp(config);
};

export const firebaseAuth = firebase.auth;