Next.js 15 から 16 へのアップデートで遭遇した問題と対処法をまとめてみた | DevelopersIO

Next.js 15 から 16 へのアップデートで遭遇した問題と対処法をまとめてみた | DevelopersIO

はじめに 先日Next.js 15から16へのプロジェクトのアップデートを行いました。 その過程でいくつかの問...概要を表示 はじめに 先日Next.js 15から16へのプロジェクトのアップデートを行いました。 その過程でいくつかの問題に遭遇したため、それらの問題と対処法を共有します。 特にParallel RoutesやIntercepting Routesを使用しているプロジェクトでは、型チェックの厳密化により複数のエラーが発生する可能性があります。 あくまで私の環境で出た問題と、それに対する対処法になります。 環境情報 Next.js: 15.4.x → 16.1.x TypeScript: 5.9.x React: 19.x 発生した問題と対処法 1. middleware → proxy への変更 Next.js 16 では、middleware.ts というファイル名が非推奨になり、proxy.ts に変更されました。 エラーメッセージ ビルド時に以下の警告が表示されます： ⚠ The "middl