How to properly use protected api routes in Next.js?

[ronaldruzicka]

Hi, I would like to ask how to properly use protected API Routes in Next.js using Next.js SDK.

In the migration guide from v3 to v4 you mention that withApiAuthRequired has been removed from the SDK, but it’s still there. And it is also used as an example of how to protect API routes in App router.

But when I actually use it, it shows me this typescript error:

The inferred type of 'GET' cannot be named without a reference to '../../../../../../packages/nextjs/node_modules/@auth0/nextjs-auth0/dist/server/helpers/with-api-auth-required'. This is likely not portable. A type annotation is necessary.

I can type it like this, but the NextApiHandleris not for App router API routes is it?

export const GET: NextApiHandler<User> = auth0Client.withApiAuthRequired(fetchUser);

Thanks!