store.js

import "firebase/auth";
import "firebase/database";
import "firebase/firestore";
import firebase from "firebase/app";

import thunk from "redux-thunk";
import { getFirebase } from "react-redux-firebase";
import { createFirestoreInstance } from "redux-firestore";
import { compose, createStore, applyMiddleware } from "redux";

import { firebaseConfig, reduxFirebaseConfig } from "../config";
import rootReducer from "./reducers";

firebase.initializeApp(firebaseConfig);
firebase.firestore();

const middlewares = [thunk.withExtraArgument({ getFirebase })];

const createStoreWithMiddleware = compose(
  applyMiddleware(...middlewares),
  typeof window === "object" && typeof window.devToolsExtension !== "undefined"
    ? () => window.__REDUX_DEVTOOLS_EXTENSION__
    : (f) => f
)(createStore);

const store = createStoreWithMiddleware(rootReducer);

const RRFProps = {
  firebase,
  config: reduxFirebaseConfig,
  dispatch: store.dispatch,
  createFirestoreInstance,
};

export { store, RRFProps };