Блог

я пытаюсь использовать redux-persist в своем NextJS приложении, но столкнулся с этой проблемой. Вот это мой store.js код.

 import { createStore, applyMiddleware } from "redux";
import rootReducer from "../reducers/index";
import thunk from "redux-thunk";
import { composeWithDevTools } from "redux-devtools-extension";
import reduxReset from "redux-reset";
import logger from "redux-logger";
import { persistStore, persistReducer } from "redux-persist";
import createWebStorage from "redux-persist/lib/storage/createWebStorage";

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 perssistConfig = {
  key: "root",
  storage,
};

const persistedReducer = persistReducer(perssistConfig, rootReducer);
const store = createStore(
  persistedReducer,
  composeWithDevTools(reduxReset(), applyMiddleware(thunk))
);

export const persistor = persistStore(store);
export default store;