>
[Next.js 15] "A component accessed data, headers, params, searchParams, or a short-lived cache without ..." というエラーが発生する時の解決方法
dynamicIOを使うために、Next.js 15 canaryにバージョンアップして、サーバーを起動したら、下記のエラーが発生しました。
Error: Route "/[siteSlug]/search": A component accessed data, headers, params, searchParams, or a short-lived cache without a Suspense boundary nor a "use cache" above it. We don't have the exact line number added to error messages yet but you can see which component in the stack below. See more info: https://nextjs.org/docs/messages/next-prerender-missing-suspenseエラーメッセージのリンク先のドキュメントでは、"use cache" かSuspenseを使うように説明しています。今回の私のケースでは、 "use cache" は適切ではないため、Suspenseを使って修正しましたが、エラーは解消しませんでした。
ルートにloading.tsxを置く
ルートにloading.tsxを置いたら、エラーが発生しなくなりました。理由はわかりません。
export default function Loading() {
return <p>Loading...</p>
}