Error: Dynamic server usage: cookies #50271

naseef0 · 2023-05-24T11:30:34Z

naseef0
May 24, 2023

App/layout.js

export default async function RootLayout({ children, params: { lang } }) {
  const translation = await useTranslation(lang);
  return (
    <html lang={lang} dir={lang === "ar" ? "rtl" : "ltr"}>
      <body className={inter.className}>
        <div className="container">
          <Header translation={translation} lang={lang} />
          <Suspense>
            <main>{children}</main>
          </Suspense>
        </div>
      </body>
    </html>
  );
}

Header.jsx


export default async function Header(props) {
  const { translation, lang } = props;
  return (
    <div>
      <div className="navbar navbar-expand-sm">
        <Link href={`/${lang}`} className="navbar-brand">
          ######
        </Link>
        <div className="me-auto navbar-nav">
          <div className="nav-item">
            <Link className="nav-link" href={`/${lang}`}>
              {translation?.["server-component"]?.welcome}
            </Link>
          </div>
        </div>
        <div className="navbar-nav">
          <LocaleSwitcher translation={translation?.header} lang={lang} />
        </div>
        <div className="navbar-nav">
          <Suspense>
            <CartIcon />
          </Suspense>
        </div>
      </div>
    </div>
  );
}

CartIcon.jsx


export default async function CartIcon() {
  const cartId = cookies().get("cartId")?.value;
  let cartCreated = false;
  let cart;

  if (cartId) {
    cart = await getCart(cartId);
  }

  if (!cartId || !cart) {
    cart = await createCart();
    cartCreated = true;
  }
  return (
    <div>
      <Cart cart={cart} cartCreated={cartCreated} />
    </div>
  );
}

naseef0 · 2023-05-25T07:48:14Z

naseef0
May 25, 2023
Author

When I removed generateStaticParams from the layout, it no longer occurs.

export async function generateStaticParams() {
  return i18n.locales.map((locale) => ({ lang: locale }));
}

But we need this during static page generation on the build, right?

2 replies

wwwdepot May 25, 2023

Using cookies or headers will turn page into SSR.

hc0503 May 31, 2023

I've same issue with cookies when I use generateStaticParams.
Is it impossible?

HamAndRock · 2023-05-31T08:42:47Z

HamAndRock
May 31, 2023

Related issue #50062

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Error: Dynamic server usage: cookies #50271

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 2 comments 2 replies

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

Select a reply

Error: Dynamic server usage: cookies #50271

naseef0 May 24, 2023

Replies: 2 comments · 2 replies

naseef0 May 25, 2023 Author

wwwdepot May 25, 2023

hc0503 May 31, 2023

HamAndRock May 31, 2023

naseef0
May 24, 2023

Replies: 2 comments 2 replies

naseef0
May 25, 2023
Author

HamAndRock
May 31, 2023