Open toothlessdev opened 5 months ago
React Profiler 확인결과 hydrateRoot 호출로, 사전렌더링된 페이지에 하이드레이션이 발생하고,
PersistGate 에 의해 재렌더링이 발생하는데, 이는
State Changed : bootstrapped 즉, persistor.persist() 가 호출되어 클라이언트 사이드에서 WebStorage 로 부터 상태를 복구되고 복구가 완료되었다는 상태 (bootstrapped) 가 변경되며 발생하는 렌더링으로 정상적인 렌더링으로 보임
resolve #17
✨ 구현한 기능
서버 사이드에서 Redux Persist 의 WebStorage API 의 부재로 사전렌더링시 오류 발생
PersistGate 에서
typeof window === "undefined"
, 서버에서 실행시 loading props 가 아닌 children props 를 렌더링하도록 수정persistStore 가 자동으로
persist/PERSIST
persist/REHYDRATE
액션을 디스패치 하지 않도록 manualPersist 설정entry-client.ts 에서 hydration 이후 client 측에서 persist 액션 디스패치 하도록 설정
📢 논의하고 싶은 내용
🎸 기타