Switching locale while inside iterations is not working

[IkboljonMe]

Description

Long in short, or useRouter is not working to switch locale inside iteration. As far as I know it should work, I think it is bug so here in my code iterations:

  {languages.map((language) => (
      <div>
            <Link
            key={language.code}
            href="/" // Base URL; it will localize based on the selected language
            locale="uz" // Set the locale to the selected language
            className={classNames("flex items-start gap-3 text-white text-4xl cursor-pointer hover:scale-105 transition-transform", {
              "bg-gray-800": language.code === selectedLanguage
            })}
            onClick={() => onSelectLanguage(language.code)} // Update selected language in state
          >
            <span>{language.flag}</span>
            <span>{language.label}</span>
          </Link>
      </div>
        ))}

I tried to switch with help of useRouter,

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

App Router

Reproduction description

Steps to reproduce:

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

Expected behaviour

It should work as expected

[amannn]

Moving to a discussion since it's a usage question. Also, consider consulting the examples.

[doksara]

I have the same issue. If it's an "usage question", would you care to elaborate what seems to be the root cause then? @amannn