title: redux-resist losing data on refresh
body: <p>My <code>App Component</code></p>
  <p><a href="https://i.stack.imgur.com/3amvf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3amvf.png" alt="enter image description here" /></a></p>
  <p>My <code>Store</code></p>
  <pre class="lang-js prettyprint-override"><code>import { createStore } from 'redux';
  import { persistStore, persistReducer } from 'redux-persist';
  import storage from 'redux-persist/lib/storage'; // defaults to localStorage for web
  import { rootReducer } from './reducers';
  
  const persistConfig = {
    key: 'root',
    storage,
  };
  
  const persistedReducer = persistReducer(persistConfig, rootReducer);
  let store = createStore(persistedReducer);
  let persistor = persistStore(store);
  export { store, persistor };
  </code></pre>
  <p><a href="https://i.stack.imgur.com/x2jp9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x2jp9.png" alt="enter image description here" /></a></p>
  <p><code>localStorage</code></p>
  <p><a href="https://i.stack.imgur.com/v4PRz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v4PRz.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>After refresh / reload the <code>cartItems</code> become empty</p>
  </blockquote>
  <p><code>package info</code></p>
  <p>react: &quot;^17.0.2&quot;,</p>
  <p>react-redux: &quot;^7.2.3&quot;,</p>
  <p>redux-persist: &quot;^6.0.0&quot;,</p>
  <blockquote>
  <p>I can see data being store on <code>localStorage</code> but on page refresh, i am losing the data</p>
  </blockquote>