title: Loading Screen using PersistGate doesn't render
body: <p>I'm using redux-persist and I'm trying to render a screen passing it to the loading prop of PersistGate.</p>
  
  <p>I did some research and I found that I should dispatch REHYDRATE to the reducer but that doesn't work either.</p>
  
  <p>Maybe I'm not configuring my reducers well?
  I would also like to be able to set the loading prop to null to avoid the flash screen before the App renders, but the result is the same as passing it a component to render.</p>
  
  <p>This is my code of index.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import App from './App';
  import React from 'react';
  import { Provider } from 'react-redux';
  import { AppRegistry } from 'react-native';
  import { PersistGate } from 'redux-persist/integration/react';
  import { SplashScreen } from './src/screens/SplashScreen';
  import configureStore from './src/store/configureStore';
  
  const store = configureStore();
  const persistor = configureStore();
  
  const RNRedux = () =&gt; (
      &lt;Provider store={store}&gt;
          &lt;PersistGate loading={&lt;SplashScreen/&gt;} persistor={persistor}&gt;
              &lt;App /&gt;
          &lt;/PersistGate&gt;
      &lt;/Provider&gt;
  );
  
  componentDidMount = () =&gt; {
      this.persistor.dispatch({ type: REHYDRATE });
  };
  
  AppRegistry.registerComponent('Sharryapp', () =&gt; RNRedux);</code></pre>
  </div>
  </div>
  </p>
  
  <p>And that's my configureStore file:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { createStore, combineReducers, applyMiddleware} from 'redux';
  import ServerReducer from './reducers/ServerReducer';
  import InviteReducer from './reducers/InviteReducer';
  import { persistStore, persistReducer } from 'redux-persist';
  import thunk from 'redux-thunk';
  import storage from 'redux-persist/lib/storage';
  
  const rootReducer = combineReducers({
      server: ServerReducer,
      invite: InviteReducer,
  });
  
  const persistConfig = {
      key: 'root',
      debug: true,
      storage, 
  }
  
  const persistedReducer = persistReducer(persistConfig, rootReducer);
  
  const store = createStore(persistedReducer,applyMiddleware(thunk));
  
  const persistor = persistStore(store);
  
  export default configureStore = () =&gt; {
      return ( store, persistor );
  };</code></pre>
  </div>
  </div>
  </p>