Comments (3)
Hey, thank you for the question! The section Changes to NextIntlClientProvider
in the changelog for 3.0 is relevant to you:
(...) Using
NextIntlClientProvider
with the App Router
If you're using
NextIntlClientProvider
with the App Router, there has been a slight change to the semantics. If you're renderingNextIntlClientProvider
within a Server Component, the component will pass defaults forlocale
,now
andtimeZone
to the client side.
If you're already providing these options, then you're set.
If you're not, be aware that this will by default opt the corresponding page into dynamic rendering. If your app relies on static rendering, you can avoid this by passing all of the mentioned options, or by enabling static rendering explicitly (see the previous section).
Adapting the call to NextIntlClientProvider
in your layout fixes this for me:
<NextIntlClientProvider
timeZone="Europe/Vienna"
now={new Date()}
locale={locale}
messages={messages}
>
{children}
</NextIntlClientProvider>
Hope this helps!
from next-intl.
You're calling createSharedPathnamesNavigation
within a component, this causes a new Link
component to be created on each render, causing the infinite loop.
You can fix this by moving the call outside of your component.
from next-intl.
@amannn thank u very much. that was fast and indeed that helped! But now it is even more problematic as the Link
component creates a renderloop after static export...
i have prepared the sandbox to show the issue. useing the next-intl-Link component and the standard NextJs-Link component.
please open the sandbox link in bottom.
in the preview start:3000
there is the running static export. hover over the next-intl Link
(go to sub).
you will see the render loop in the console as u can see from the screenshot. as well as the Link does not do anything onClick. Same issue in the subpage for the go back.
any idea why this happens? do you need a new issue for this?
(nextjs 14.0.4, next-intl: 3.4.0)
from next-intl.
Related Issues (20)
- Issue with multiple middleware chain HOT 1
- ESLint plugin HOT 2
- Handling Unsupported Languages HOT 1
- Support `localePrefix` setting per domain HOT 2
- Support Intl.RelativeTimeFormat for `relativeTime` formatting HOT 3
- Docs Invisible Text on Search HOT 1
- Package path ./server.js is not exported from package HOT 2
- Error using `as={Link}` prop with when using `createSharedPathnamesNavigation` HOT 1
- Accidentally changed the locale after navigating when setting "localePrefix" to "never" HOT 2
- I cannot understand how to merge next-intl middleware with nextjs/platform HOT 3
- unhandledRejection: Error: NEXT_NOT_FOUND on terminal after running npm run dev HOT 10
- Official app router example: TypeError: Cannot read properties of undefined (reading 'en') HOT 1
- Error in 13.14.0: Expected a suspended thenable HOT 5
- [Docs]: Middleware matcher with Next-Auth HOT 1
- With i18n routing doesn't work with Next Canary (React 19) HOT 12
- Error: The React APIs of next-intl are currently not available in Server Components. HOT 2
- Route /en/xxx with `dynamic = "error"` couldn't be rendered statically because it used `headers` HOT 2
- Lazy-load intl-messageformat HOT 3
- Error: Insufficient params provided for localized pathname. HOT 1
- Link doesn't allow on production env HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next-intl.