Hydrate

반응형
기억보단 기록을/Next JS (Pages Router)

NextJS next-redux-wrapper hydrate 버그 수정

next-redux-wrappe 공식 문서에서 next js에서 store를 관리하는 방법 2가지를 소개합니다. 서버와 클라이언트 스토어를 분리하는 방법 클라이언트 쪽 스토어에 서버 쪽 스토어를 덮어씌우는 방법 그중 2번째 방법을 사용하고 있었는데 아마도 초기 리덕스 설정을 할 때 _app.tsx에 wrapper.getInitialAppProps를 사용하면 자동적으로 서버와 클라이언트 store를 관리해 주는 것으로 착각한 거 같습니다. 즉, 지금까지 의미 없는 서버 쪽 store를 호출해 hydrate를 계속 발생시키고 있었던 겁니다. 서버 쪽에서 의미 없는 hydrate를 계속 발생시키니 rootReducer코드를 보면 서버가 보내는 action.payload에 store의 초기값이 담겨 오므로 클라..

반응형
_OIL
'Hydrate' 태그의 글 목록