Not using generateStaticParams in LocaleLayout

[huhassan]

Hi, when I include generateStaticParams in LocaleLayout as the following.

export async function generateStaticParams() {
  return ["ar", "en"].map((locale) => ({ locale }));
}

It prevents me from using server components (next-auth getServerSession) as children of LocaleLayout and gives the following error.

Error: Dynamic server usage: headers

I noticed that generateStaticParams as in the above example is used in example-next-13 but it's not used in example-next-13-next-auth.

I'm new to nextjs and would appreciate any help in knowing the difference between including and not including generateStaticParams in the mentioned examples. Can I simply remove generateStaticParams?

[amannn]

You can learn more about this in the Next.js docs: Static and Dynamic Rendering.

next-auth only works with dynamic rendering, therefore you'd have to remove generateStaticParams (see docs).

Hope this helps!