así que estoy haciendo un proyecto en el que uso redux por primera vez. Terminé teniendo un problema con los estados que se vuelven indefinidos cuando actualizo el navegador. Para resolver esto, he intentado implementar redux-persist. Pero me salen errores en mi consola los cuales no se como debo solucionar. Solo uso redux para una sola llamada thunk-api, por lo tanto, obtuve todo el código de mi tienda en mi archivo index.js. He visto todos con hilos donde alguien tiene un problema similar al mío, pero nada lo solucionó.

Así que aquí está mi archivo index.js:

 import React from 'react'; import {createRoot} from 'react-dom/client'; import App from './App'; import {configureStore} from '@reduxjs/toolkit' import { Provider } from 'react-redux'; import blobReducer from './services/BlobRetriever' import { persistStore, persistReducer } from 'redux-persist'; import storage from 'redux-persist/lib/storage'; import { PersistGate } from 'redux-persist/es/integration/react' const persistConfig = { key:'persist-key', storage, } const persistedReducer = persistReducer(persistConfig, blobReducer) const store = configureStore({ reducer: { blobs: persistedReducer, }, middleware: getDefaultMiddleware => getDefaultMiddleware({ serializableCheck: false, }), }) const persistorStore = persistStore(store) const rootElement = document.getElementById('root'); const root = createRoot(rootElement); root.render( <React.StrictMode> <Provider store={store}> <PersistGate loading={null} persistorStore={persistorStore}> <App /> </PersistGate> </Provider> </React.StrictMode>, );

y aquí está el mensaje de error que recibí: https://puu.sh/IX9Y2/e441359b38.png

¿Estoy haciendo algo mal?