从Firestore调用ReactNative FlatList数据-无法执行此操作

import firebase from 'firebase';

const firebaseConfig = {
  // Firebase配置信息
};

firebase.initializeApp(firebaseConfig);

import firebase from 'firebase';

const firestore = firebase.firestore();
const itemsRef = firestore.collection('items');

itemsRef.get().then((querySnapshot) => {
  const data = [];
  querySnapshot.forEach((doc) => {
    data.push(doc.data());
  });
  // 在这里处理数据，例如将数据设置到组件的状态中
}).catch((error) => {
  console.log('Error getting documents: ', error);
});

import React, { useState, useEffect } from 'react';
import { FlatList, Text, View } from 'react-native';
import firebase from 'firebase';

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    const firestore = firebase.firestore();
    const itemsRef = firestore.collection('items');

    itemsRef.get().then((querySnapshot) => {
      const newData = [];
      querySnapshot.forEach((doc) => {
        newData.push(doc.data());
      });
      setData(newData);
    }).catch((error) => {
      console.log('Error getting documents: ', error);
    });
  }, []);

  return (
    <View>
      <FlatList
        data={data}
        renderItem={({ item }) => <Text>{item.name}</Text>}
        keyExtractor={(item) => item.id}
      />
    </View>
  );
};

export default MyComponent;