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> を使用して、ページごとに段階的に移行できます。