V5 auth() function with route handler path params

[hexcowboy]

I'm trying to use the auth() function on a Next.js route handler like app/api/profile/[id]/route.ts

import { auth } from "@/utils/auth";

export const GET = auth(
  // next line: No overload matches this call
  async (req: Request, { params }: { params: { id: string } }) => { 
    return Response.json({ params.id });
  }
) as any;

it seems the auth() function only passes along the Request and not params. is there another way to handle this?

[hexcowboy]

i'm assuming this would probably work

import { NextRequest } from "next/server";

export async function GET(
  request: NextRequest,
  context: { params: { id: string } }
) {
  return auth(async () => {
    // ... you can use `context.params.id` here
  })(request, context) as any;
}

[sandercoffee]

/api/me/route.js

import { auth } from "@/modules/auth"

export const dynamic = "force-dynamic"

export const GET = auth(async (req, {params}) => {
  // auth
  console.log(req.auth)

  // params
  console.log(params)

  // query
  const searchParams = req.nextUrl.searchParams
  const query = searchParams.get("query")
  console.log(query)

  return Response.json({ FIXME: "Not implemented" })
})

@/modules/auth eg

import NextAuth from 'next-auth';
import GoogleProvider from 'next-auth/providers/google';

export const {
  handlers: { GET, POST },
  auth
} = NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_ID as string,
      clientSecret: process.env.GOOGLE_SECRET as string
    })
  ],
  pages: {
    signIn: '/login'
  }
});

[cjboco]

For my folder structure, I have 'api -> folder -> [id] -> route.ts', I was using:

import { NextRequest, NextResponse } from 'next/server';
import { auth } from '@/auth';
import { User } from 'next-auth';

export async function GET(
  req: NextRequest,
  context: { params: { id: string } },
): Promise<Response> {
  return auth(async (authreq: any & { auth?: { user?: User } }) => {
  
    console.log('ID:', context?.params?.id);

    // check user
    if (!authreq?.auth?.user) {
      return NextResponse.json(
        { error: 'Unauthorized' },
        {
          status: 401,
          statusText: 'You must be logged in to perform this action',
        },
      );
    }
    
    // do your stuff...
    return NextResponse.json({ message: 'Success' });
    
  })(req, context) as Promise<Response>;
}

...but also, you could extract it from the URL like @hexcowboy stated:

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

export const GET = auth(async (req) => {
  // Extract the 'id' parameter from the URL
  const url = new URL(req.url, `http://${req.headers.get('host')}`);
  const id = url.pathname.split('/')[3]; // Adjust based on your exact URL structure, mine is 3 (https://host.com/api/folder/{id})

  console.log('ID:', id);

  // check user
  if (!req?.auth?.user) {
    return NextResponse.json(
      { error: 'Unauthorized' },
      {
        status: 401,
        statusText: 'You must be logged in to perform this action',
      },
    );
  }

  // do your stuff...
  return NextResponse.json({ message: 'Success' });
});