[defaultLocale] Cannot switch language to defaultLocale

[dimylkas]

Description

Config

export const routing = defineRouting({ locales: ["en", "es"], defaultLocale: "en", localePrefix: { mode: "as-needed", }, });

• open the site not under "/es" and try to switch to "en". Basically whatever you will set to default, user can't to switch to lang that in under defaultLocale

Here the swither

....
  const currentLocale = useLocale();
  console.log("currentLocale", currentLocale);
  console.log("pathname", pathname);

<Select
...   onChange={(e) => {
          const newLocale = e.target.value as Locale;
          console.log("newLocale", { from: currentLocale, to: newLocale });
          console.log("locale", { locale: newLocale });

          router.replace(pathname, { locale: newLocale });
        }}
...

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

https://d10cir56sw4n5d.cloudfront.net/de

Reproduction description

Config

export const routing = defineRouting({ locales: ["en", "es"], defaultLocale: "en", localePrefix: { mode: "as-needed", }, });

• open the site not under "/es" and try to switch to "en". Basically whatever you will set to default, user can't to switch to lang that in under defaultLocale

Here the swither

....
  const currentLocale = useLocale();
  console.log("currentLocale", currentLocale);
  console.log("pathname", pathname);

<Select
...   onChange={(e) => {
          const newLocale = e.target.value as Locale;
          console.log("newLocale", { from: currentLocale, to: newLocale });
          console.log("locale", { locale: newLocale });

          router.replace(pathname, { locale: newLocale });
        }}
...

"next-intl": "^3.24.0",

Expected behaviour

User can switch to defaultLocale

[dimylkas]

          router.replace(pathname, { locale: newLocale });
          router.refresh(); // this one fix the issue

[bienvenidoY]

Configurations may conflict

// i18n/routing.ts
{ 'localePrefix: 'as-needed''}

//middleware.ts 
{macher: ['/']}

I removed macher: ['/'] after fixing the problem

[amannn]

Please refer to the examples, which have working locale switchers. This is also covered in the docs.

I'm moving this to a discussion since it's a usage question.

[herbertxy]

standalone mode config, and localePrefix: { mode: "as-needed", }, }) config
with examples https://github.com/amannn/next-intl/tree/main/examples/example-app-router will refer this bug

[mk0y]

For me .refresh also fixed the issue. I didn't find working example for this use case.