Missing Suspense with CSR Bailout

A component using useSearchParams() was not wrapped in a Suspense boundary. In the App Router, useSearchParams() causes the component tree to bail out of server-side rendering and render on the client only. Without a Suspense boundary, this results in an error during build or a degraded user experience. Wrap the component (or its nearest parent that uses useSearchParams) in <Suspense fallback={...}>.

References

nextjs.org/docs/messages/missing-suspense-with-csr-bailout
nextjs.org/docs/app/api-reference/functions/use-search-params

In this namespace

← previous metadata-base-not-set Metadata Base Not Set next → next-image-unconfigured-host Next Image Unconfigured Host

client-only-in-server-component duplicate-page invalid-page-config invalid-segment-config metadata-base-not-set missing-suspense-with-csr-bailout next-image-unconfigured-host next-script-for-ga no-html-link-for-pages no-img-element no-page-custom-font