reactStrictMode

知っておくと良いこと: Next.js 13.5.1以降、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で以下のオプションを構成してください。

module.exports = {
  reactStrictMode: true,
}

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