설명
리액트의 Suspense를 쓰는 과정에서 습관적으로 Page단에 "use client"를 붙여버렸고, Page를 클라이언트 컴포넌트로 만들어 버렸다. Hydrate는 서버사이드에서 데이터를 미리 페칭하는 작업이기 때문에, 클라이언트 컴포넌트에서 Hydrate를 시도하니 무한 렌더링이 발생해버렸다.
해결
코드
설명
use client를 지우니 문제가 해결되었고, Suspense도 굳이 클라이언트 컴포넌트로 만들지 않아도 잘 적용되는 모습을 확인할 수 있다.
발생한 문제
해결