Next.js 12.2でStableになったMiddleware（Basic認証）のbetaからの主な変更点

はじめに 表題通り、Next.js 12.2でStableになったMiddlewareのbetaからの変更点を書いていきます。 基本的には公式ドキュメントの通りなのですが、実際に移行してみて少し詰まった部分があったので併せて書いていきます。 以前「Next.js 12でbetaになったMiddleware（Basic認証）を触ってみた」という記事を書いており、そのコードを移行したものになります。 環境 Next.js@12.2 Vercel 実際のコード import type { NextRequest } from 'next/server' import { NextResponse } from 'next/server' export const middleware = (req: NextRequest) => { if (req.nextUrl.pathname.start