Next.js Discord

Discord Forum

cookies from next/headers not working in SSR but working fine in Route Handler

Unanswered
Schneider’s Smooth-fronted Caima… posted this in #help-forum
Open in Discord
Schneider’s Smooth-fronted CaimanOP
I can view cookies in route handler and it works fine.
// src/app/api/route.ts
import { cookies } from "next/headers";
export const GET = async () => {
  const cookieStore = await cookies();
  const allCookies = cookieStore.getAll();
  console.log(">> ", allCookies);
  return Response.json({ noOfCookies: allCookies.length });
};

// # OUTPUT
// GET /api 200 in 720ms
// >>  [
//   { name: 'theme', value: 'dark', path: '/' },
//   {
//     name: 'auth',
//     value: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9',
//     path: '/'
//   }
// ]


but when i use this same in my server component it doesn't work

// src/app/temp/page.tsx
import { cookies } from "next/headers";

const Page = async () => {
  const cookieStore = await cookies();
  const allCookies = cookieStore.getAll();
  console.log({ allCookies });
  return "No. of Cookies: " + allCookies.length;
};

export default Page;

// # OUTPUT
//  ✓ Compiled /temp in 132ms
// { allCookies: [] }

2 Replies

Lao Gan Ma
Try:

  for (const cookie of cookies) {
    console.log(cookie.value)
  }


Is it still empty?
Brown bear
For what it's worth I also faced the same issue today. Tried setting the cookies in a server action and directly in the client, debugged for an hour, then gave up