Integrate Auth0 NextJS SDK with TRPC to create protected procedure

Help
,
1

Hi,
I’m using the latest Auth0 NextJS SDK with app directory and I’m struggling trying to connect it to TRPC to create protected procedures.

I’m using TRPC’s fetch adapter like this in /api/trpc/[trps]/route.ts

const handler = async (req: NextRequest, res: NextResponse) => {
	const session = await getSession(req, res)

	return fetchRequestHandler({
		endpoint: "/api/trpc",
		req,
		router,
		createContext: () => createContext({ session }),
	})
}

export { handler as GET, handler as POST }

I’m trying to pass the session to the context, but getSession function is failing there with the following error.

TypeError: Cannot read properties of undefined (reading 'set')
    at Auth0NextResponse.setCookie (webpack-internal:///(rsc)/./node_modules/@auth0/nextjs-auth0/dist/http/auth0-next-response.js:13:26)

Is there any guide or solution on how to implement this?
Thanks

2

Any luck solving this?

3

I also have issues integrating the Auht0 NextJS SDK with tRPC :confused:

4

I haven’t good vibes also.

5

can we get a response from Auth0 team, given how prevalent trpc is now, surely there should be documentation on how to use Auth0 with trpc

6

Did anyone get to solve this??

7

I had some success using this method instead: