Next.js道場事前に描こうとするのが原因なら、force-dynamic を付ければ止まらないはずだと考えました。ビルドするとどうなりますか。
app/find/page.tsx
Browserで実行
'use client' Buildで実行
export const dynamic = 'force-dynamic' Buildで実行
import { useSearchParams } from 'next/navigation' Browserで実行
export default function Find() {Browserで実行
const q = useSearchParams().get('q')Browserで実行
return <p>{q}</p>Browserで実行
}出典nextjs.org/docs/messages/missing-suspense-with-csr-bailoutnextjs.org/docs/app/api-reference/file-conventions/route-segment-config