use app router without i18n routing get an error when build

[aurora-lch]

Description

use this example
https://github.com/amannn/next-intl/blob/main/examples/example-app-router-without-i18n-routing/src/i18n/request.ts

Error: headers was called outside a request scope. Read more: https://nextjs.org/docs/messages/next-dynamic-api-wrong-context

Verifications

• I've verified that the problem I'm experiencing isn't covered in the docs.
• I've searched for similar, existing issues on GitHub and Stack Overflow.
• I've compared my app to a working example to look for differences.

Mandatory reproduction URL

Reproduction description

Steps to reproduce:

1. Open reproduction
2. Click on …
3. See error: …

Expected behaviour

not error

[amannn]

Moving this to a discussion since this seems to be a usage question regarding Next.js itself.

[alexbuznik-stark]

This seems like a basic case, I'm also having this with requestLocale, see here

[NicholasG04]

In case it helps anyone else, I spent a while today tracking down this error - not from the example, but my own code.

I was using

const t = await getTranslations('whatever');

in the outer scope of my layout.tsx for metadata. You can't do this, because any call to getTranslations relies on the request scope being there for the call to headers() to work, and thus locale to be passed in tern into getRequestConfig.

Instead, you must use a generateMetadata function that runs on every request.

[alexbuznik-stark]

I'm getting this error, trying to reproduce the issue with missing RSC payload (#1246)

https://stackblitz.com/~/github.com/alexbuznik-stark/next-intl-demo-3