title: default values from initial state are loaded before store rehydrates with redux-persist
body: <p>I'm having trouble accessing saved data after app starts with <a href="https://github.com/rt2zz/redux-persist" rel="noreferrer">redux-persist</a>.</p>
  
  <p>The reducer initializes with data defined in my initial state. By the time the previous session's state loads with AsyncStorage, the component is already displayed with the default data. </p>
  
  <p>I know that the data is saved and fetched successfully. If I leave the screen to a different one and come back to it, I can see that the data is displayed correctly. Debugging the state and props also shows that this is a async timing issue.</p>
  
  <p>How can I delay the loading of the redux containers to after the store rehydrates. Alternatively, can I force update the conatainer (and its children) to update when the store finishes loading?</p>
  
  <p>Here is what I've tried.
  to configure my store:</p>
  
  <pre><code>export default function configureStore(initialState) {
      const middlewares = [thunk];
      if (process.env.NODE_ENV === `development`) {
          const createLogger = require(`redux-logger`);
          const logger = createLogger();
          middlewares.push(logger);
      }
  
      let store = compose(
          applyMiddleware(...middlewares),
          autoRehydrate() )(createStore)(reducers);
  
          persistStore(store, {blacklist: ['routing'], storage: AsyncStorage}, () =&gt; {
              store.dispatch(storeRehydrateComplete())
          })
  
  
      return store
  }
  </code></pre>
  
  <p>Hoping that this will update all other components (since all reducers in redux are called in an action), I've tried creating an action that triggers when the store finishes loading:</p>
  
  <pre><code>import { REHYDRATE_STORE } from './types'
  
  export function storeRehydrateComplete(){
      return {
          type: REHYDRATE_STORE,
      }
  }
  </code></pre>
  
  <p>And it's reducer:
  import { REHYDRATE_STORE } from '../actions/types'
  const initialState = {
      storeIsReady: false
  }</p>
  
  <pre><code>export default function reducer(state = initialState, action){
      switch (action.type) {
          case REHYDRATE_STORE:
              return {...state, storeIsReady:true}
              break;
          default:
              return state
              break;
      }
  }
  </code></pre>
  
  <p>But although the storeIsReady state changes to true when rehydration is complete, I'm still couldn't figure out how to force update the container component.</p>