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