无法调用reactReduxFirebase() - TypeError：对象不是函数

我正在使用redux-thunk作为中间件并尝试连接到redux-firestore。当我运行该应用程序时，我收到错误“类型错误：对象（...）不是一个函数” at createStore.

import reportWebVitals from './reportWebVitals';
import {createStore,applyMiddleware,compose} from 'redux';
import rootReducer from './store/reducers/rootReducer';
import {Provider} from 'react-redux';
import thunk from 'redux-thunk'
import {reduxFirestore, getFirestore} from 'redux-firestore'
import {reactReduxFirebase, getFirebase} from 'react-redux-firebase'
import FBConfig from './Config/FBConfig'

const store = createStore(rootReducer,
  compose(applyMiddleware(thunk.withExtraArgument({getFirestore,getFirebase})),
    reduxFirestore(FBConfig),
    reactReduxFirebase(FBConfig)
  )
);

我在 thunk 操作中使用额外的参数，如下所示：

export const createProject=(project)=>{
      return(dispatch,getState,{getFirebase,getFirestore})=>{
            //asyn call to database
            const firestore=getFirestore();
            firestore.collection('projects').add({
                  ...project,
                  authorFirstName:'Nam',
                  authorLastName:'Pam',
                  authorId:123,
                  createAt: new Date()
            }).then(()=>{
                  dispatch({type:'CREATE_PROJECT',project});
                  
            }).catch((err)=>{
                  dispatch({type:'CREATE_PROJECT_ERROR',err})
            })  
      }
};

您看到的错误可能是由于升级造成的react-redux-firebase 从 v2 到 v3 http://react-redux-firebase.com/docs/v3-migration-guide.html（或基于过时的示例创建新代码）。此更新引入了一些重大更改，例如删除了reactReduxFirebase存储增强子功能。该包现在使用 React 上下文并引入了一些新的钩子，例如useFirebase and useFirestore它允许您通过函数组件中的上下文访问 firebase。但这对你的重击没有帮助。

在页面上Redux Thunk 集成 http://react-redux-firebase.com/docs/integrations/thunks.html，他们建议通过getFirebase函数到withExtraArgument.

thunk.withExtraArgument(getFirebase)

至于访问 firestore，这个 GitHub 讨论 https://github.com/prescottprue/react-redux-firebase/issues/785建议通过以下方式访问它getFirebase功能。

getFirebase().firestore()

您希望额外的参数是具有属性的对象getFirebase and getFirestore。我们用getFirebase作为一个属性并为getFirestore财产。

import {createStore,applyMiddleware, AnyAction} from 'redux';
import thunk from 'redux-thunk';
import {getFirebase} from 'react-redux-firebase';

const store = createStore(
  rootReducer,
  applyMiddleware(
    thunk.withExtraArgument({
      getFirebase,
      getFirestore: () => getFirebase().firestore(),
    })
  )
);