Source: app/store.jsx

  1. import { configureStore } from '@reduxjs/toolkit'
  3. import {
  4.   persistStore,
  5.   persistReducer,
  6.   FLUSH,
  7.   REHYDRATE,
  8.   PAUSE,
  9.   PERSIST,
  10.   PURGE,
  11.   REGISTER,
  12. } from 'redux-persist'
  13. import storage from 'redux-persist/lib/storage';
  15. import pokemonsReducer from '../features/pokemons/pokemonsSlice'
  17. /**
  18.  * Configuration object for redux-persist.
  19.  * Only objects on the whitelist are stored.
  20.  * @const persistConfig
  21.  */
  22. const persistConfig = {
  23.   key: 'root',
  24.   version: 1,
  25.   storage,
  26.   whitelist: ['ids', 'entities', 'status', 'error']
  27. };
  29. /**
  30.  * Persisted reducer
  31.  * @const persistedReducer
  32.  */
  33. const persistedReducer = persistReducer(persistConfig, pokemonsReducer);
  35. /**
  36.  * The Redux store.
  37.  * @const store
  38.  */
  39. export const store = configureStore({
  40.   reducer: {
  41.     pokemons: persistedReducer,
  42.   },
  43.   middleware: (getDefaultMiddleware) =>
  44.     getDefaultMiddleware({
  45.       serializableCheck: {
  46.         ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
  47.       },
  48.     }),
  49. });
  51. /**
  52.  * The Redux persistor for persisting store state.
  53.  * @const persistor
  54.  */
  55. export const persistor = persistStore(store);