Closed1

Next.jsで開発中のサイトが急にフリーズしてCPU100%になる原因

serinuntiusserinuntius

おそらくあなたは、Client Componentでasyncなfunctionを作ってマウントしてしまっている可能性がかなり高い。

'use client';
export default async function HogeComponent() {
  return <></>;
}

これが起こりやすいのは、Server ComponentをClient Componentに書き換えようとした時に起こりやすい。エラーが起こるでもwarnが出るわけでもないので、原因が分かりづらい。

正直Clientでasyncが使いたいっていうわけではなくて、理由がわからないのが辛いので、しっかりとエラーとかで教えてほしい。別に使えるようにしてほしいとかはない。

参考文献

https://nextjs.org/docs/messages/no-async-client-component
https://github.com/vercel/next.js/issues/50057

このスクラップは2023/10/08にクローズされました