コンテンツへスキップ
設定next.config.jsreactStrictMode

reactStrictMode

重要事項: Next.js 13.5.1以降、App RouterではStrict Modeがデフォルトでtrueになっています。したがって、上記の構成はPages Routerの場合にのみ必要です。reactStrictMode: falseを設定することで、Strict Modeを無効にすることも可能です。

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