reactStrictMode
豆知識: Next.js 13.4以降、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>
を使用してページ単位で段階的に移行することが可能です。