if i do this with app router, im getting 400 error
import { NextRequest, NextResponse } from "next/server";

import serverAuth from "@/lib/serverAuth";

export default async function GET(req:NextRequest, res: NextResponse) {
if(req.method != 'GET'){
return new Response('Wrong Method', {
status: 405,
})
}

try{
const { currentUser } = await serverAuth(req);

return new Response(JSON.stringify(currentUser), {
status: 200,
})
}catch(error){
console.log(error)
return new Response('Bad Request', {
status: 400,
})
}
}


but i do this with page router, everything works fine
import { NextApiRequest, NextApiResponse } from "next";
import serverAuth from "@/lib/serverAuth";

export default async function handler(req: any, res: NextApiResponse) {
try {
if (req.method !== 'GET') {
return res.status(405).end();
}

const { currentUser } = await serverAuth(req);

return res.status(200).json(currentUser);
} catch (error) {
console.log(error);
return res.status(500).end();
}
}

can someone give a simple explaination to why is that, ive used the new api (as far as i know)
thanks