getServerSideProps not getting the updated cookie from the middleware

Verify canary release

• I verified that the issue exists in Next.js canary release

Provide environment information

Operating System: Platform: darwin Arch: x64 Version: Darwin Kernel Version 21.1.0 Binaries: Node: 14.17.1 npm: N/A Yarn: 1.22.17 pnpm: N/A Relevant packages: next: 12.1.5-canary.4 react: 17.0.2 react-dom: 17.0.2

What browser are you using? (if relevant)

Chrome Version 99.0.4844.84 (Official Build) (arm64)

How are you deploying your application? (if relevant)

next start

Describe the Bug

In the Middleware, when I set the cookie to some new value or a new cookie and I need to use it in the getServerSideProps, I cant able to get those cookies.

Expected Behavior

I can able to see the cookie in the browser, but the new/updated cookie should be present in getServerSideProps, aswell.

To Reproduce

In Middleware.ts const pages = ['/home/']; async function middleware(request: NextRequest) { if (pages.includes(request.nextUrl.pathname)) { return nextResponse.cookie('newCookie','some value') } } in [page.tsx] export const getServerSideProps: GetServerSideProps = async (context) => { console.log(context?.req?.headers); return {props:{}} } I cant able to see the newCookie in the [page.tsx] console statement.

[iljamulders]

https://github.com/vercel/next.js/discussions/38650#discussioncomment-3148772

The request is immutable, so it arrives to the Node.js server without changes, that’s why your cookie is missing.

What you can do is a bit of a magic trick… because you can read the response in getServerSideProps, and from there getHeader, called set-cookie.

export function getServerSideProps({ req, res }) {
  console.log('Cookie from accessToken:', context.res.getHeader('set-cookie'));
  return { props: {} };
}

And from there you just have to parse that cookie, and possibly remove it or let it through.

[thebearingedge]

@iljamulders galaxy brain 👏