Ошибка типа: firestore.default.firestore не является функцией. (В '_firestore.default.firestore0' _firestore.default.firestore 'не определено)

Question

У меня проблема с подключением к firestore из моего приложения, это простое приложение, которое отправляет имя продукта в firetore, я запускаю свой код в android и следовал процессу настройки, как объясняет документация по реагированию на firebase

содержимое моего приложения. js показано ниже

import React, { Component } from 'react'
import { Text, View,
  TextInput,
  SafeAreaView,
  TouchableOpacity,
  StyleSheet
} from 'react-native'
import {addFood} from 'api/FoodsApi'

export default class App extends Component {
  state = {
    red: 'black',
    foodList: [],
    currentfoodItem: null
  }

  onFoodAdded = (food) => {
    alert("entered")
  }

  render() {
    return (
      <View style={styles.container}>
        <SafeAreaView style={styles.container}>

       <View style={styles.inputContainer}>

           <TextInput
           autoFocus={true}
           multiline={true}
           numberOfLines={4}

           placeholder = "What is on your mind"
           onChangeText ={(text) => this.setState(prevState => ({
             currentFoodItem: prevState.currentFoodItem = text
           }))}
           value={this.state.currentfoodItem}
           />   
       </View>

       <TouchableOpacity onPress={() =>
      addFood({
        name: this.state.currentfoodItem,
        color: this.state.red
      },
      this.state.onFoodAdded
      )}>
               <Text>Submit</Text>
       </TouchableOpacity>

     </SafeAreaView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent:'center',
    alignItems:'center',
    backgroundColor:'#fff'
  },
});

и код для сохранения в firestore

import firebase  from '@react-native-firebase/app';
require("@react-native-firebase/firestore");

export function addFood(food, addComplete) {

    firebase.firestore()
      .collection('Foods')
      .add({
          name: food.name,
          color:food.color
      })
      .then((data) => addComplete(data))
      .catch((error) => console.log(error));
  }

спасибо