title: Redux toolkit persist, My authentication is not persisted react-native expo
body: <p>So I have looked through this site and I have come across interesting questions post that I have implemented and have no results. So please have a look at the code and direct me. This is what my store looks like and please bear in mind that I am using a package called <code>reduxjs-toolkit-persist</code></p>
  <pre><code>import { configureStore } from &quot;@reduxjs/toolkit&quot;;
  import AsyncStorage from &quot;@react-native-async-storage/async-storage&quot;;
  import {
    persistCombineReducers,
    persistStore,
    FLUSH,
    REHYDRATE,
    PAUSE,
    PERSIST,
    PURGE,
    REGISTER,
  } from &quot;reduxjs-toolkit-persist&quot;;
  import authSlice from &quot;./authSlice&quot;;
  import userSlice from &quot;./userSlice&quot;;
  
  const persistConfig = {
    key: &quot;root&quot;,
    storage: AsyncStorage,
    whitelist: [&quot;authUser&quot;, &quot;loginUser&quot;],
  };
  const _persistedReducer = persistCombineReducers(persistConfig, {
    auth: authSlice,
    user: userSlice,
  });
  const store = configureStore({
    reducer: { _persistedReducer },
    middleware: (getDefaultMiddleware) =&gt;
      getDefaultMiddleware({
        serializableCheck: {
          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
        },
        serializableCheck: false,
      }),
  });
  export const persistor = persistStore(store);
  export default store;
  </code></pre>
  <p>and this is what my <code>app.js</code> looks like</p>
  <pre><code>import { StatusBar } from &quot;expo-status-bar&quot;;
  import { Router } from &quot;./src/navigation/router&quot;;
  import { Provider } from &quot;react-redux&quot;;
  import store, { persistor } from &quot;./src/store&quot;;
  import { LogBox } from &quot;react-native&quot;;
  import { PersistGate } from &quot;reduxjs-toolkit-persist/integration/react&quot;;
  
  LogBox.ignoreLogs([
    &quot;AsyncStorage has been extracted from react-native core and will be removed in a future release.&quot;,
  ]);
  export default function App() {
    return (
      &lt;Provider store={store}&gt;
        &lt;PersistGate loading={null} persistor={persistor}&gt;
          &lt;Router /&gt;
        &lt;/PersistGate&gt;
        &lt;StatusBar style=&quot;auto&quot; animated /&gt;
      &lt;/Provider&gt;
    );
  }
  </code></pre>
  <p>I have followed the documentation but I don't get desired results. I don't know if it is storage problem or a middleware problem</p>