[3.0.0-beta.40] req.cookies.get("payload-token") is undefined in NextJS API Route about payload

[SimYunSup]

It is related NextJS error related in vercel/next.js#60552, vercel/next.js#52209 . I think next/headers, next/cookies, next/cache... is not working properly in RSC with itself server API.

[jmikrut]

Hey @sriechersrc — you should try and retrieve cookies with next/cookies. Does that work?

https://nextjs.org/docs/app/api-reference/functions/cookies

If there is indeed an issue, it seems to be an issue with Next.js though. We do indeed have access to cookies within Payload 3.x and our patterns work accordingly, so I will close this issue and we should track this on the above Next.js issues instead to de-duplicate.

One other note would be that if you are trying to authenticate, you can do that with payload.auth({ headers }). That might simplify things.

[sriechersrc]

Retrieving the cookies via next/cookies in an API Route seems also to be bugged. But I managed to move the logic to my main page component and dynamically enable draftMode like this:

  const isPreview = slugs[slugs.length - 1] === 'preview' // im redirecting to /my-path/preview so I am checking if "preview" exits on the slug

  const payload = await getPayload({
    config: configPromise,
  })

  if (isPreview) {
    const { headers } = await import('next/headers')

    const auth = await payload.auth({ headers: headers() })

    if (auth.user) {
      draftMode().enable()
      slugs.pop() // remove "preview" from the slugs
    } else {
      draftMode().disable()
    }
  }