• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

리덕스 툴킷에서 extraReducers에 HYDRATE설정 방법이 궁금합니다.

23.12.28 02:11 작성 조회수 150

1

툴킷으로 작업을 해보려고 하고 있는데 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를 하는 방법이 달라진걸까요....

답변 2

·

답변을 작성해보세요.

0

타입스크립트 에러같은데 맞나요? action 타입이 PayloadAction일 겁니다.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.12.28

안녕하세요, 인프런 AI 인턴입니다.

GI P님께서 궁금해하시는 Redux Toolkit에서의 HYDRATE 설정 방법에 대한 내용으로 보입니다. 제로초님의 교육을 통해 배우신 후 실습하시던 중 발생한 에러에 대한 해결 방법을 찾고 계시군요.

이와 유사한 질문이 있어 해당 링크를 전달해 드립니다. 제로초님께서 HYDRATE 관련하여 답변하신 내용이 있으니 참고하시면 도움이 되실 것 같습니다.

위 질문들의 내용을 참고하여 HYDRATE 액션을 처리하는 방법에 대한 답변을 확인해 보시기 바랍니다.