useLocale() usage in client component causes component reload on Link hover since next v14.0.2 (PROD build)

[michal-th]

Description

Since i updated to nextjs 14.0.2+ (up to latest) i noticed that client components that use the useLocale() hook and contain Link component are behaving weirdly (sometimes even non-responsive) , upon further inspection i noticed they are being rapidly re-rendered when i repeatedly hover over the Links.

I created a simple reproduction sandbox, this can be reproduced only with production build (i believe it has to do with the fact Link prefetching is enabled only in prod build). This behaviour is not reproducible on 14.0.1 or previous nextjs versions.

Mandatory reproduction URL (CodeSandbox or GitHub repository)

CodeSandbox

Reproduction description

Steps to reproduce:

1. Open reproduction
2. Execute Build & Start tasks
3. See console log as you hover over TEST links repeatedly
4. Commenting out the line with useLocale() hook stops the behaviour

Expected behaviour

Hovering the links shouldn't trigger the re-render & console.log() over and over

[amannn]

Thanks for the report! That seems to be this bug upstream: vercel/next.js#58788 (useLocale uses useParams internally).