reactStrictMode

補足: Next.js 13.5.1 以降、Strict Mode は app ルーターでデフォルトで true となるため、上記の設定は pages のみに必要です。reactStrictMode: false を設定することで、Strict Mode を無効にできます。

推奨: React の将来に向けて、アプリケーションを十分に準備するために、Strict Mode を Next.js アプリケーションで有効にすることを強くお勧めします。

React の Strict Mode は、アプリケーション内の潜在的な問題を強調表示するための開発モード専用の機能です。安全でないライフサイクル、レガシー API の使用、およびその他の多くの機能を特定するのに役立ちます。

Next.js ランタイムは Strict Mode に準拠しています。Strict Mode を有効にするには、next.config.js で次のオプションを設定します：

module.exports = {
  reactStrictMode: true,
}

あなたやあなたのチームがアプリケーション全体で Strict Mode を使用する準備ができていない場合でも問題ありません！<React.StrictMode> を使用して、ページごとに段階的に移行できます。