Next.js 16 アップデート時の tsconfig.json 自動更新
Next.js
TypeScript
Next.js 16 へアップデートすると、ビルド時に tsconfig.json が自動的に更新される。
自動変更される内容:
-
jsx の設定(必須変更)
"jsx": "preserve"→"jsx": "react-jsx"に変更- React の新しい JSX トランスフォームを使用するため
- これにより
import React from 'react'が不要になる
-
include に追加(推奨変更)
.next/dev/types/**/*.tsが追加される- 開発時の型定義ファイルを含めることで、より正確な型チェックが可能
対応: 特に何もする必要なし。Next.js がビルド時に自動で最適な設定に更新する。
関連する警告:
middleware → proxyの命名変更推奨(将来的に対応可能)NODE_ENVの警告(Vercel 上では問題なし)