reactStrictMode

豆知識: Next.js 13.4以降、App RouterではStrict Modeがデフォルトでtrueに設定されているため、上記の設定はpagesの場合のみ必要です。reactStrictMode: falseを設定することでStrict Modeを無効にすることも可能です。

推奨事項: Reactの将来に備えるため、Next.jsアプリケーションでStrict Modeを有効にすることを強く推奨します。

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

Next.jsランタイムはStrict Modeに対応しています。Strict Modeを有効にするには、next.config.jsで以下のオプションを設定してください:

module.exports = {
  reactStrictMode: true,
}

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