Force a page to be dynamic using only client components and tRPC/React Query in Next.js 15
Unanswered
Otterhound posted this in #help-forum
OtterhoundOP
My project only uses client components and retrieves its data using tRPC and React Query.
When I use suspense queries that access cookies, the page remains static. This causes it to prerender without access to cookies, leading to a hydration error. The dynamic heuristic does not recognize a useSuspenseQuery that relies on cookies in the route as something that makes the page dynamic.
How can I force a client component to be dynamic without using server components?
Setting export const dynamic = "force-dynamic" in my client component does not make the component dynamic
Thank you
When I use suspense queries that access cookies, the page remains static. This causes it to prerender without access to cookies, leading to a hydration error. The dynamic heuristic does not recognize a useSuspenseQuery that relies on cookies in the route as something that makes the page dynamic.
How can I force a client component to be dynamic without using server components?
Setting export const dynamic = "force-dynamic" in my client component does not make the component dynamic
Thank you
1 Reply
Add
export const dynamic = "force-dynamic” to your layout file and all routes rendered inside of it will be dynamic