How can I render server-side with Next.js, Apollo Client, and MongoDB Atlas GraphQL API?

MongoDB Atlas App Services & Realm
, , ,
1

I’m following along with this guide in the MongoDB docs to get server-side rendering working with a Next.js app. I’ve copied things pretty much verbatim but I’m so far unable to get it working. I keep getting back a 401 (unauthorised response) saying the access token has expired in the console:

statusCode: 401,
result: {
  error: 'invalid session: access token expired',
  error_code: 'InvalidSession',
}

And from the Atlas logs I see:

Error: unauthorized
Logs: ["token contains an invalid number of segments"]

In my browser console I can see that the cookie is created:

cookie-created
cookie-created2360×408 59.4 KB

I’ve also setup a StackBlitz here to show my code in full (although .env variables haven’t been included).

Can anyone suggest what I am missing or doing wrong?