コンテンツへスキップ

reactStrictMode

知っておくと良い点: Next.js 13.5.1 以降、`app` ルーターではストリクトモードがデフォルトで `true` になっているため、上記の構成は `pages` の場合にのみ必要です。`reactStrictMode: false` を設定することで、ストリクトモードを無効にすることもできます。

推奨事項: React の将来に備えてアプリケーションをより良く準備するため、Next.js アプリケーションでストリクトモードを有効にすることを強くお勧めします。

React の ストリクトモード は、アプリケーションにおける潜在的な問題を強調表示するための開発モード専用の機能です。これは、安全でないライフサイクル、レガシーAPIの使用、その他の多くの機能を特定するのに役立ちます。

Next.js ランタイムはストリクトモードに準拠しています。ストリクトモードを有効にするには、`next.config.js` で次のオプションを設定します。

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

あなたまたはあなたのチームがアプリケーション全体でストリクトモードを使用する準備ができていない場合でも、問題ありません!`<React.StrictMode>` を使用して、ページ単位で段階的に移行できます。