reactStrictMode

豆知識: Next.js 13.5.1以降、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>を使用してページ単位で段階的に移行することができます。