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

Next님의 프로필 이미지
Next

작성한 질문수

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

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

Suspense 동작 질문드립니다.

작성

·

189

·

수정됨

0

Suspense 컴포넌트를 아래처럼 TabDeciderSuspense 컴포넌트 안에 포함시켰더니 데이터 페칭하는 동안 Tab, PostForm 컴포넌트가 로딩 스피너 때문에 보이지 않던데 Suspense 컴포넌트는 데이터 페칭하는 컴포넌트 밖으로 무조건 빼야 제대로 동작하는 건가요?

    <Suspense fallback={"Loading..."}>
      <HydrationBoundary state={dehydratedState} queryClient={queryClient}>
        <TabDecider />
      </HydrationBoundary>
    </Suspense>

답변 1

1

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

네, 데이터 페이칭하는 컴포넌트 바깥에 있어야 페칭 시 해당 서스펜스에 걸리게 됩니다.

Next님의 프로필 이미지
Next

작성한 질문수

질문하기