为什么在React Native中使用firebase upload的useEffect钩子导致页面开始加载时，应用程序崩溃

import React, { useEffect } from 'react';
import { firebase } from './firebaseConfig'; // 假设这是你的Firebase配置文件

const MyComponent = () => {
  useEffect(() => {
    let isMounted = true; // 添加一个标志来跟踪组件是否仍然挂载

    const uploadFile = async () => {
      try {
        const storageRef = firebase.storage().ref();
        const fileRef = storageRef.child('my-file.jpg');
        await fileRef.putFile('path/to/my-file.jpg');
        if (isMounted) {
          console.log('File uploaded successfully');
        }
      } catch (error) {
        if (isMounted) {
          console.error('Error uploading file:', error);
        }
      }
    };

    uploadFile();

    return () => {
      isMounted = false; // 组件卸载时设置标志为false
    };
  }, []); // 空依赖数组确保该效果只运行一次

  return <div>My Component</div>;
};

export default MyComponent;

// Firebase存储安全规则示例
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null; // 确保用户已认证
    }
  }
}

// 分片上传示例（伪代码）
const uploadFileInChunks = async (file, chunkSize) => {
  const totalChunks = Math.ceil(file.size / chunkSize);
  for (let i = 0; i < totalChunks; i++) {
    const start = i * chunkSize;
    const end = Math.min(file.size, start + chunkSize);
    const chunk = file.slice(start, end);
    await uploadChunk(chunk, i, totalChunks); // 假设uploadChunk是一个上传分片的函数
  }
};