Correct way to setUser using @sentry/nextjs and Auth0?

[watadarkstar]

Where is the correct place to set the Sentry user context on the server side in a Next.js app using Auth0?

I tried doing it in the afterCallback as seen below but I'm still getting the IP address as the user in Sentry:

import * as Sentry from "@sentry/nextjs";

const afterCallback = async (_req: any, _res: any, session: Session) => {
 Sentry.setUser({
    id: session?.user?.sub,
    email: session?.user?.email,
    username: session?.user?.nickname,
    name: session?.user?.name,
    avatar: session?.user?.picture,
  });

  return session;
};

My test page in Next.js pages/sentry/test1.tsx:

const Test1 = () => <h1>SSR Test 1</h1>;

export function getServerSideProps() {
  throw new Error("SSR Test 1");
}

export default Test1;

[lforst]

I guess this would work the same way as with any other HTTP framework. For each incoming request, or rather in each route, you should do Sentry.setUser(). Subsequent errors in the routes should then have the user set.

[watadarkstar]

I guess that’s true but I was more looking for one place to do this instead of for every route. 🙃

[watadarkstar]

Perhaps with Next.js middleware I can do this

[lforst]

Unfortunately this is a limitation given by Next.js - other frameworks have proper middleware you could use to do this for every route. Next.js also has middleware but I am not sure if you're supposed to use Next.js middleware for this, because it might run on an isolated runtime when deployed to Vercel. You could raise an issue in the Next.js repo that you would like some sort of feature like this.

[smeubank]

was it possible to find more information via NextJS regarding middleware support for this?

[lforst]

There is nothing more we can support here. As I said, middleware is likely not the right place for this.