Type "Promise<{ params: { id: string; }; }>" is not a valid type for the function's second argument.

[anime-kun32]

Link to the code that reproduces this issue

i don't have one

To Reproduce

hello i have been getting this error for a while and can't find a way to fix this

Current vs. Expected behavior

Type "Promise<{ params: { id: string; }; }>" is not a valid type for the function's second argument.

Provide environment information

it is on vercel node 22x

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

Not sure

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

Vercel (Deployed)

Additional context

import { NextRequest, NextResponse } from 'next/server';

export async function GET(
  request: NextRequest,
  context: Promise<{ params: { id: string } }>
) {
  const { params } = await context;
  const id = params.id;

[icyJoseph]

Hi,

You had the Promise wrapper at the wrong level:

 { params }: { params: Promise<{ slug: string }> }

So you'd need to change to:

export async function GET(
  request: NextRequest,
  context: { params: Promise<{ id: string }> }
) {
  const params = await context.params;
  const id = params.id;

Something like that. I'll move this to a discussion to get confirmation that you fixed this.

[anime-kun32]

thanks man it actually worked , i was wondering what actually did wrong

[oceanminded28]

I have been hung up on the same issue all day. Here is the current format:

export async function DELETE(
  _request: NextRequest, // Prefixed with _ as it's unused
  { params }: { params: { id: string; noteId: string } }
) {
  const batchId = params.id;
  const noteId = params.noteId;

  // Keeping simplified body for testing the signature
  console.log(`DELETE request for batchId: ${batchId}, noteId: ${noteId}`);
  return NextResponse.json({ message: "DELETE handler (inline destructuring)" }, { status: 200 });
}

and the error is:

Type error: Route "src/app/api/batches/[id]/notes/[noteId]/route.ts" has an invalid "DELETE" export:
  Type "{ params: { id: string; noteId: string; }; }" is not a valid type for the function's second argument.

Are you able to understand the issue? I have tried a million ways and still stuck

[oceanminded28]

My original version:

export async function DELETE(
  _request: NextRequest, // Prefixed with _ as it's unused
  { params }: { params: { id: string; noteId: string } }
) {
  const batchId = params.id;
  const noteId = params.noteId;

  try {
    const response = await fetch(
      `${API_URL}/batches/${batchId}/notes/${noteId}`,
      {
        method: 'DELETE',
      }
    );

    if (!response.ok) {
      if (response.status === 404) {
        return NextResponse.json(
          { error: "Batch or note not found" },
          { status: 404 }
        );
      }
      
      return NextResponse.json(
        { error: "Failed to delete note" },
        { status: 500 }
      );
    }

    return NextResponse.json(
      { message: "Note deleted successfully" },
      { status: 200 }
    );
  } catch (error) {
    console.error('Error deleting note:', error);
    return NextResponse.json(
      { error: "Failed to delete note" },
      { status: 500 }
    );
  }
}

[phstc]

context: { params: Promise<{ id: string }> }

@icyJoseph thank you, that was very helpful. Is it anywhere in the documentation? I needed it for dynamic routing, but I couldn't find any reference in the API routes doc.

[icyJoseph]

• https://nextjs.org/docs/app/api-reference/file-conventions/route#context-optional
• https://nextjs.org/docs/app/getting-started/route-handlers-and-middleware#route-context-helper -> New tool, a context helper available from 15.5 that does all of the type wiring for you