App router: How to get cookie in the layout file without "use client"?

[theogravity]

This is for Next.js 14 / 15, using React Server Components, not Server Side Rendering.

I want to read a cookie for all pages and so I'm trying to do it in the main Layout.tsx file. Is there a way to do this without resorting to a use client directive?

Context: I'm working on a multi-tenant app, and we store the current org id in a cookie. We want to have that org id hydrated and immediately available to our components on the client side.

[theogravity]

Ended up discovering https://github.com/shahradelahi/next-extra for the fix:

From the repo example:

import { pathname, searchParams } from 'next-extra/pathname';

export default async function Layout({
  children,
}: Readonly<{ children: React.ReactNode }>) {
  // Assuming a request to "/hello?name=John"

  const route = pathname(); // /hello
  const params = searchParams(); // ReadonlyURLSearchParams { 'name' => 'John' }

  return children;
}