Error in 13.14.0: Expected a suspended thenable

[jonathanwilke]

Description

Hey,

when I upgrade next-intl to 13.14 in my Next app, I can't start my app anymore and it gives me the following error:

Any idea what's wrong here? Is it a bug in the lib or is there a misconfiguration on my side?

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

No error

[amannn]

Hey, is this from supastarter? Can you share a branch or PR with me where I can take a look?

[jonathanwilke]

Yes it is. You can simply checkout main and install next-intl 13.14.0 and the error will occur on pnpm dev.

[amannn]

I've added a PR with a fix!

For others who come across this: The problem was that the root layout was async, but useLocale was called there. Apparently this has worked previously, but hooks should generally not be called in async components. React doesn't support this and as far as I know will also show an ESLint warning for this case in the future.

The fix was to use const locale = await getLocale() instead.

[hb20007]

@amannn const locale = await getLocale() worked for me, but what do you mean that you added a PR with a fix? Isn't this something that needs to be fixed in the projects that are using next-intl while incorrectly using useLocale in async components?

[amannn]

@hb20007 Yep, this needs to be fixed in app code. The "PR with a fix" was a PR of mine where I fixed the app code of the author of the bug report.