Not able to set cookies in Vercel edge-middleware when using withMiddlewareAuthRequired()

[byzyk]

Checklist

• The issue can be reproduced in the nextjs-auth0 sample app (or N/A).
• I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
• I have looked into the API documentation and have not found a suitable solution or answer.
• I have searched the issues and have not found a suitable solution or answer.
• I have searched the Auth0 Community forums and have not found a suitable solution or answer.
• I agree to the terms within the Auth0 Code of Conduct.

Description

Following the middleware examples - setting up a custom cookie works locally but has no effect when deployed to Vercel Edge.

Removing withMiddlewareAuthRequired and replicating its functionality fixes the issue - cookies are added as expected.

Reproduction

1. middleware.js

export default withMiddlewareAuthRequired(async function middleware(req) {
  const res = NextResponse.next();

  const session = await getSession(req, res);

  if (session?.user) {
    res.cookies.set('name', 'value');
  }

  return res;
});

export const config = {
  runtime: 'experimental-edge',
  matcher: [
    '/',
  ],
};

2. Deploy to Vercel Edge -> doesn't work
3. Remove withMiddlewareAuthRequired
4. Deploy to Vercel Edge -> works!

Additional context

Something similar is described here: #1045 (comment)

nextjs-auth0 version

2.6.2

Next.js version

13.4.5

Node.js version

18.16.0

[adamjmcgrath]

Thanks for raising this @byzyk

Something similar is described here: #1045 (comment)

Yep - it's the same issue as the one you pointed to, I need to apply this fix to another part of the code.

As a workaround, you can do something like this for the time being

export default async function middleware(req) {
  const res = await withMiddlewareAuthRequired()(req);

  const session = await getSession(req, res);

  if (session?.user) {
    res.cookies.set('name', 'value');
  }

  return res;
};