tengo store.js

 import {configureStore, combineReducers} from "@reduxjs/toolkit" import { persistStore, persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER } from 'redux-persist' import storage from 'redux-persist/lib/storage' import userData from "./userData"; import loadingStatus from "./loadingStatus"; const rootReducer = combineReducers({ data: userData, }); const persistConfig = { key: 'root', storage, } const persistedReducer = persistReducer(persistConfig, rootReducer); const store = configureStore({ reducer: persistedReducer, middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: { ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER], }, }), }) export const persistor = persistStore(store); export default store;

Y algunas cortadoras:

loadingStatus.js

 import {createSlice} from "@reduxjs/toolkit"; const loadingStatus = createSlice({ name: 'loaded', initialState: { loaded : false }, reducers: { setLoading(state, action) { return { loaded: action.payload} } }, }); export const {setLoading} = loadingStatus.actions; export default loadingStatus.reducer;

userData.js

 import {createSlice} from "@reduxjs/toolkit"; const userData = createSlice({ name: 'data', initialState: { data : [] }, reducers: { getData(state, action) { return { data: action.payload} } }, }); export const {getData} = userData.actions; export default userData.reducer;

El problema es que solo necesito almacenar un estado en localStorage - userData (esto funciona ahora), pero también tengo un estado cargado que no necesito en el almacenamiento local. ¿Cómo puedo almacenar el almacenamiento local y los estados predeterminados al mismo tiempo?