Как загрузить хранилище с резервированием асинхронно, не ломая приложение, в котором используется соединение с резервированием?

Question

Причины, по которым я хочу это сделать, состоят в том, чтобы я мог импортировать магазин за пределы своего основного комплекта, поскольку промежуточное программное обеспечение Firebase и Firestore невероятно большие и замедляют первую рисование.

Index. js

const store = async () =>  createStore(
  rootReducer,
  compose(
    applyMiddleware(thunk.withExtraArgument({ getFirebase, getFirestore })),
    reactReduxFirebase(fbConfig, {
      userProfile: "users",
      useFirestoreForProfile: true,
      attachAuthIsReady: true
    }),
    reduxFirestore(fbConfig), // redux bindings for firestore
    window.devToolsExtension ? window.devToolsExtension() : f => f
  )
);

  ReactDOM.render(
    <Provider store={store}>
      <BrowserRouter>
      <App />
    </BrowserRouter>
    </Provider>,
    document.getElementById("root")
  );
  registerServiceWorker();

Другие компоненты, которые зависят от магазина:

...
export default connect(
  mapStateToProps,
  mapDispatchToProps
)(HeaderRight);

Ошибка:

The above error occurred in the <Connect(Form(SignIn))> component: