App Router Static Path (DYNAMIC_SERVER_USAGE)

[chuwong35122]

Hi. I'm using the app router next-intl setup without i18n routing. I need /[slug] route that must be static page which when built, this error occurs:

[Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.] {
  digest: 'DYNAMIC_SERVER_USAGE'
}

From my understanding, this error occurs because of cookies usage which cannot be used in static routes. I would like to know if there's a way to opt-out of next-intl for static files so that this error will not occurs. Thanks.

i18n.ts

import { getRequestConfig } from "next-intl/server"
import { cookies } from "next/headers"

export default getRequestConfig(async () => {
  // Provide a static locale, fetch a user setting,
  // read from `cookies()`, `headers()`, etc.
  const locale = cookies().get("locale")?.value ?? "en"

  return {
    locale,
    messages: (await import(`./locales/messages/${locale}.json`)).default
  }
})

PS. Keep up the good work. Love your lib :)

[chuwong35122]

Okay, I got one of the workaround. Instead of wrapping

<NextIntlClientProvider messages={messages}>
...
</NextIntlClientProvider>

inside the Root Layout (src/app/layout.tsx), I wrap it inside each of the route's layout that require translation (that aren't static pages).