To acheive state persistance in my next js app with redux-toolkit i tried to use redux-persist.
But am unabled to acheive its after following doc given .https://www.npmjs.com/package/redux-persist So to acheive it


const createNoopStorage = () => {
return {
getItem(_key) {
return Promise.resolve(null);
},
setItem(_key, value) {
return Promise.resolve(value);
},
removeItem(_key) {
return Promise.resolve();
},
};
};

const storage = typeof window !== "undefined" ? createWebStorage("local") : createNoopStorage();



const persistConfig = {
key: "root",
storage,
};


const persistedReducer = persistReducer(persistConfig, rootReducer);

export const store = configureStore({
reducer: persistedReducer,
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
serializableCheck: {
ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
},
}),
});

export const persistor = persistStore(store);



it make app slow . #redux #middleware