cookies in layout

Unanswered

Japanese common catfish posted this in #help-forum

Japanese common catfishOP

2023-09-03T15:42:31.000Z

I have a simple layout like this:

import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import type { ReactNode } from "react";

export default async function ({ children }: { children: ReactNode }) {
    const cookieStore = cookies();
    console.log(cookieStore);
    if (!cookieStore.get("hanko")) redirect("/auth");

    return <section>{children}</section>;
}

When I remove the cookies invocation, it works fine. Is it not allowed in a layout.tsx file?

3 Replies

Japanese common catfishOP

2023-09-03T15:43:06.000Z

Using next 13.4.19.

not-milo.tsx

2023-09-03T16:54:04.000Z

Does it happen also when you force the route to be dynamic like so?

export const dynamic = 'force-dynamic'

not-milo.tsx

2023-09-03T16:59:10.000Z

The only thing that cookies does, aside from it's obvious purpose, is it forces the route to be dynamically rendered at request time.