Estoy usando Redux-persist y el kit de herramientas Redux para almacenar datos en el almacenamiento local. Ahora, cuando cierro la sesión, borro el almacenamiento local completo, pero algunos datos no se borran. Cuando inicio sesión con un usuario completamente diferente, puedo ver los datos del usuario que inició sesión anteriormente durante unos segundos.

Aquí está el reductor de cierre de sesión

 logout: state => { state.isSignedIn = false; state.username = ''; localStorage.removeItem('persist:root') storage.removeItem(SIGNIN_TOKEN); },

Aquí está mi archivo store.js.

 import { combineReducers } from 'redux' import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit' import appReducer from './appSlice'; import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist' import storage from 'redux-persist/lib/storage' const persistConfig = { key: 'DSHP_ROOT', version: 1, storage } const persistedReducer = persistReducer(persistConfig, combineReducers({ app: appReducer, })) export const store = configureStore({ reducer: persistedReducer, middleware: getDefaultMiddleware({ serializableCheck: { ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER] } }) }) export const persistor = persistStore(store)

Probé otras soluciones sugeridas en el desbordamiento de pila que son...

• Al establecer el estado en indefinido o {} al cerrar la sesión, todavía no funciona.
• Usar el reductor de raíz para establecer el estado en indefinido, no funciona.
• Intenté usar persistor.flush() y persistor.purge() no funciona, ni siquiera puedo iniciar sesión.

Lo único que funciona es que necesito establecer todos y cada uno de los estados individuales en su valor predeterminado, lo que será difícil ya que tengo tantos estados y tantos reductores (en el código anterior solo agregué un reductor).

¿Hay alguna manera fácil de borrar todo el estado al cerrar la sesión?

Gracias