How to return 204 status code in route.js?

[kmvan]

Summary

// app/test/route.js
export async function POST() {
  return NextResponse.json(null,{
    status: 204
  })
}

I got an error: TypeError: Response constructor: Invalid response status code 204.
Any idea?

Additional information

No response

Example

No response

[devjiwonchoi]

NextResponse does not have that option at the moment, and is going to take some time for that to be added. I'm going to open a PR for that feature and will let you know if that happens.

[kmvan]

Thank you. I will follow closely.

[icyJoseph]

Just use the new Response form:

For example for a 200,

export async function GET(request: Request) {
  return new Response('Hello, Next.js!', {
    status: 200,
  })
}

Or a 204:

export async function GET(request: Request) {
  return new Response(null, {
    status: 204,
  })
}

[homocodian]

your first parameter should be null while using 204 status code

export async function GET(request: Request) {
  return new Response(null, {
    status: 204,
  })
}

Not this

export async function GET(request: Request) {
  return new Response('Hello, Next.js!', {
    status: 204,
  })
}

[hakan-berat]

@homocodian You saved my life, thanks!!!

[homocodian]

@homocodian You saved my life, thanks!!!

Glad I could help!

[zecka]

This seems fixes issue on dev server but after build i still get a 500 error with following error

⨯ TypeError: Response constructor: Invalid response status code 204

Other people seems to have same issue here: #49005

[icyJoseph]

This seems fixes issue on dev server but after build i still get a 500 error with following error

⨯ TypeError: Response constructor: Invalid response status code 204

Other people seems to have same issue here: #49005

Could it be that the route is statically optimized, though you return a 204? Try adding export const dynamic = "force-dynamic" to the route handler.