title: How to migrate to v3 of react-redux-firebase
body: <p>I trying to migrate my project from react-redux-firebase v2 to v3 with the new ReactReduxFirebaseProvider &amp; createFirestoreInstance</p>
  
  <p>My code works as is now. But after the upgrade to react-redux-firebase v3, it's not. Im getting this error:</p>
  
  <p><img src="https://i.imgur.com/KjYswdD.png" alt="undefined"></p>
  
  <p>This is my index.js:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import App from './App';
  import registerServiceWorker from './registerServiceWorker';
  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({getFirebase,     
  getFirestore})),
      reactReduxFirebase(fbConfig), // redux binding for firebase
      reduxFirestore(fbConfig) // redux bindings for firestore
    )
  );
  
  ReactDOM.render(&lt;Provider store={store}&gt;&lt;App /&gt;&lt;/Provider&gt;,     
  document.getElementById('root'));
  registerServiceWorker();
  </code></pre>
  
  <p>I have tried to implement it from their own migrate guide that they have here: <a href="http://react-redux-firebase.com/docs/v3-migration-guide.html#what-changed" rel="nofollow noreferrer">http://react-redux-firebase.com/docs/v3-migration-guide.html#what-changed</a> But I not getting it... maybe I still got a lot to learn. But would be nice if someone could point me in the right direction.</p>
  
  <p>I have tried to changed the code but not with any good result:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import './index.css';
  import App from './App';
  import registerServiceWorker from './registerServiceWorker';
  import { createStore, applyMiddleware, compose } from 'redux'
  import rootReducer from './store/reducers/rootReducer'
  import { Provider } from 'react-redux'
  import thunk from 'redux-thunk'
  import { ReactReduxFirebaseProvider, getFirebase } from 'react-redux-firebase';
  import { createFirestoreInstance, getFirestore } from 'redux-firestore'
  import fbConfig from './config/fbConfig'
  
  
  const store = createStore(rootReducer,
    compose(
      applyMiddleware(thunk.withExtraArgument({getFirebase, getFirestore})),
    )
  );
  
  const rrfProps = {
    firebase,
    config: fbConfig,
    dispatch: store.dispatch,
    createFirestoreInstance
  }
  
  ReactDOM.render(
  &lt;Provider store={store}&gt;
    &lt;ReactReduxFirebaseProvider {...rrfProps}&gt;
      &lt;App /&gt;
    &lt;/ReactReduxFirebaseProvider&gt;
  &lt;/Provider&gt;, document.getElementById('root'));
  registerServiceWorker();
  </code></pre>