Next.js道場検索語を読むだけの小さな部品です。ページに置いたらビルドが失敗しました。原因はどれですか。
components/Filter.tsx
Browserで実行
'use client' Browserで実行
import { useSearchParams } from 'next/navigation' Browserで実行
export function Filter() {Browserで実行
const params = useSearchParams()Browserで実行
return <p>{params.get('q') ?? 'すべて'}</p>Browserで実行
}出典nextjs.org/docs/app/api-reference/functions/use-search-paramsnextjs.org/docs/messages/missing-suspense-with-csr-bailout