React Native имеет ошибку при использовании auth ()

Question

При попытке войти через Firebase SDK я получил ошибку. Что мне делать с моим кодом?

моя версия Firebase ^ 5.7.3

// LoginFform.js
import React, {Component} from 'react';
import {Text} from 'react-native';
import firebase from '../config/firebase';
import {Button, Card, CardSection, Input, Spinner} from "./common/Common";

class LoginForm extends Component {
state = {email: '', password: '', error: '', loading: false};
 onButtonPress() {
     const {email, password} = this.state;
     this.setState({error: '', loading: true});
     console.log(email);
     console.log(password);
     firebase.auth().signInWithEmailAndPassword(email, password)
         .then(()=>{
             this.onLoginSuccess();
         })
         .catch((err) => {
             firebase.auth().createUserWithEmailAndPassword(email, password)
                 .then(()=>{
                     this.onLoginSuccess();
                 })
                 .catch((err) => {
                     this.onLoginFalied(err);
                 })
         })
  }
}



// firebase.js
import firebase from '@firebase/app'

firebase.initializeApp({
  /* My config */
});
export default firebase;

это сообщение об ошибке >> _firebase.default.auth не является функцией

Но когда я меняю import firebase из '@ firebase / app' на импорт firebase из 'firebase' в firebase.js, я получаю другую ошибку >> Нарушение инварианта: объекты недопустимы в качестве дочернего элемента React

Answer 1

Просто используйте import firebase из '@ firebase / app'; и затем добавьте import '@ firebase / auth'