我遇到了此错误，我已为 redux 的 initialState 设置了一个值，但在调试时它显示其值为空。我正在使用 Redux Dev-tools 来检查这些值。 此外，在 initialState 中添加数据时，它会引发错误 Uncaught TypeError: Cannot read properties of null (reading 'push')

这是我的代码：

Store.js

import { configureStore } from "@reduxjs/toolkit";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";
import authReducer from "../feature/auth/auth.js";

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

const persistedReducer = persistReducer(persistConfig, authReducer);

export const store = configureStore({
  reducer: {
    auth: persistedReducer, // Use the persisted reducer here
  },
});

export const persistor = persistStore(store);

Feature.js

import { createSlice } from "@reduxjs/toolkit";

const initialState = {
  cookies: [{value: 'test'}]
};

const authSlice = createSlice({
  name: "auth",
  initialState,
  reducers: {
    setCookies: (state, action) => {
      const data = {
        value: action.payload.value
      }
      state.cookies.push(data)
    },
    removeCookies: (state) => {
      state.cookies = [];
    }
  },
});

export const { setCookies, removeCookies } = authSlice.actions;
export default authSlice.reducer;

这是我尝试添加 cookie 的方式：

import { useDispatch } from "react-redux";
import { setCookies } from "../feature/auth/auth";

function About() {
  const dispatch = useDispatch()

  const handleCookies = () => {
    dispatch(setCookies({value: 'test'}))
  }

  return (
    <div>
      <h1>About</h1>
      <p>This is the about page</p>
      <button onClick={handleCookies}>Add Cookeis</button>
    </div>
  )
}

export default About;