reactStrictMode

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

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

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

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

next.config.js
module.exports = {
  reactStrictMode: true,
}

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