Next.js 14의 Partial Prerendering(PPR)을 사용할 때, 특정 컴포넌트가 동적(Dynamic) 렌더링되도록 트리거하는 가장 보편적인 React API는 무엇인가요?

Next.js 14의 Partial Prerendering 환경에서 특정 컴포넌트를 동적으로 렌더링하도록 트리거하는 가장 일반적인 React API는 Next.js에서 제공하는 useSearchParams, useCookies, 그리고 headers()와 cookies() 함수입니다.

이 함수들을 컴포넌트 내에서 호출하면 Next.js는 해당 컴포넌트가 요청 시간에 따라 달라지는 정보를 필요로 한다고 판단합니다. 따라서 해당 컴포넌트는 정적으로 사전 렌더링되지 않고, Suspense 바운더리 내에서 동적으로 렌더링되어 스트리밍됩니다. 예를 들어, useSearchParams를 사용하여 URL 쿼리 파라미터를 읽거나, headers()를 사용하여 요청 헤더에 접근하는 경우, 해당 컴포넌트는 동적 렌더링됩니다.