인프런 커뮤니티 질문&답변

툴킷으로 작업을 해보려고 하고 있는데 faker를 써보려다가 제로초님 깃허브에 HYDRATE에 관련된 사항이 있어서 작업을 하려고 하고 잇엇는데 제로초님처럼 똑같이 타이핑을 햇는데 에러가 납니다.

const postReducer = createSlice({
  name: "postReducer",
  initialState,
  reducers: {},
  // 청크를 쓸때 필요함
  extraReducers: (builder) =>
    builder
      //  클라이언트 상태를 초기화하는 역할
      .addCase(HYDRATE, (state, action) => ({
        ...state,
        ...action.payload.data,
      })),
});

여기서 에러가 나는 부분은

...action.payload.data, 중 payload부분이고 에러 사항은 다음과 같이 나옵니다.

'Action<"__NEXT_REDUX_WRAPPER_HYDRATE__">' 형식에 'payload' 속성이 없습니다.

next-redux-wrapper 의 버전은 아래와 같습니다. 혹시

"next-redux-wrapper": "^8.1.0",

혹시 next-redux-wrapper로 리덕스 툴킷에 HYDRATE를 하는 방법이 달라진걸까요....