React + Redux + Firebase:如何处理作为类定义和导出的firebase配置？

import firebase from 'firebase/app';
import 'firebase/database';
import 'firebase/auth';
// 导入其他需要的Firebase模块

// Firebase配置对象
const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  databaseURL: 'YOUR_DATABASE_URL',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_STORAGE_BUCKET',
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
  appId: 'YOUR_APP_ID',
};

// 初始化Firebase
firebase.initializeApp(firebaseConfig);

// 导出Firebase实例
export default firebase;

import firebase from '../path/to/firebase.js';

export const fetchData = () => {
  return (dispatch) => {
    // 使用Firebase进行数据读取
    firebase.database().ref('path/to/data').once('value')
      .then((snapshot) => {
        // 处理数据
        const data = snapshot.val();
        // 分发Redux action
        dispatch({ type: 'FETCH_DATA_SUCCESS', payload: data });
      })
      .catch((error) => {
        // 处理错误
        dispatch({ type: 'FETCH_DATA_ERROR', payload: error.message });
      });
  };
};