nextjs - 💡(How to fix) Fix Query Parameters Become Empty When Using NextResponse.rewrite to an API Route in Middleware [1 comments, 2 participants]

Link to the code that reproduces this issue

invalid link

To Reproduce

Description

When using NextResponse.rewrite in middleware.ts to redirect a request to an API route, the query parameters from the original request are not being forwarded, resulting in an empty query object in the API route. This issue occurs despite explicitly appending query parameters to the rewritten URL using request.nextUrl.searchParams.

if (request.nextUrl.pathname === "/") {
const tempUrl = new URL('/api/testing/', request.url)
tempUrl.searchParams.set('locale', request.nextUrl.locale)
return NextResponse.rewrite(tempUrl);
}

Current vs. Expected behavior

Expected Behavior:

The API route should receive the query parameters and return {"query":{"locale":"en"}}. The console log in the middleware should show the rewritten URL as http://localhost:3000/api/testing?locale=en.

Actual Behavior:

The API route returns {"query":{}}, indicating that the query parameters are empty.

The console log in the middleware shows the correct rewritten URL (http://localhost:3000/api/testing?locale=en), but the parameters are not received by the API route.

Provide environment information

Next.js version: 15.5.3
Node.js version: v22.15.1

Which area(s) are affected? (Select all that apply)

Middleware, Route Handlers

Which stage(s) are affected? (Select all that apply)

next dev (local), next start (local)

Additional context

No response