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

강주호님의 프로필 이미지

작성한 질문수

Next + React Query로 SNS 서비스 만들기

Suspense로 Streaming하여 최적화하기(feat. loading.tsx, error.tsx)

Suspense와 prefetch 관련 질문이 있습니다.

해결된 질문

24.05.16 15:53 작성

·

193

0

안녕하세요 제로초님! 강의를 듣던 중 궁금한게 생겨서 질문 드립니다.

 

TabDeciderSuspense 컴포넌트를 사용하는 것을 보았습니다.

원래는 postRecommends의 데이터를 프리페칭해서 서버에서 데이터를 페칭하고 클라이언트에서 하이드레이션 하고있었는데, suspense를 사용해버리면 서버에서 프리페칭이 되는건지 궁금합니다.

suspense를 적용하고 나서 페이지 새로고침 후에 페이지 document를 보면

이렇게 prefetch한 데이터가 있는 것이 아니라 loading이 넘어와 있습니다.

원래는 서버에서 prefetch한 데이터가 document로 넘어왔는데, suspense 적용 후 로딩스피너가 넘어 온 것으로 보아 suspense를 적용하면 prefetch가 되지 않는 것 인가요 ??

그것이 아니라면 suspense를 적용하고 prefetch를 사용하는 이유가 궁금합니다.

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 05. 16. 16:17

현재는 suspense를 사용하면 ssr이 안 되는 게 맞습니다. react-query가 추후 지원한다고 했는데 아직 미정입니다. suspense 사용 시에는 prefetchQuery 안 쓰셔도 됩니다.