I tried to figure out what the error is, but I couldn't overcome it. Below are the error and the code.
import React from 'react';
import ReactDOM from 'react-dom';
import { App } from './App';
import './index.css';
import * as serviceWorker from './serviceWorker';
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 firebaseConfig from './config/fbConfig';
const store = createStore(rootReducer,
compose(
applyMiddleware(thunk.withExtraArgument({getFirebase, getFirestore})),
reduxFirestore(firebaseConfig),
reactReduxFirebase(firebaseConfig)
)
);
ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<App />
</Provider>
</React.StrictMode>,
document.getElementById('root')
);
serviceWorker.unregister();
TypeError: Object(...) is not a function
Module../src/index.js
D:/New folder/JAVASCRIPT/React/reactJS/myProjects/NINJA APP/ninja-app/src/index.js:17
`
14 |
15 | const store = createStore(rootReducer,
16 | compose(
> 17 | applyMiddleware(thunk.withExtraArgument({getFirebase, getFirestore})),
18 | reduxFirestore(firebaseConfig),
19 | reactReduxFirebase(firebaseConfig)
20 | )
`