localePrefix: 'as-needed' not working

[kolan4ik]

I Gays! I have a problem!
export const routing = defineRouting({
locales: locales,
defaultLocale: 'en',
localePrefix: {
mode: 'as-needed'
},
localeCookie: false,
});
and language switcher has view
import {useLocale, useTranslations} from 'next-intl';
import {useParams} from 'next/navigation';

import Modal from './Modal';

import {Link, usePathname, useRouter} from '@/i18n/navigation';
import {Locale, localeNames} from '@/i18n/config';

import CloseIcon from '@/assets/svg/clear.svg';
import CheckIcon from '@/assets/svg/check-fill.svg';

type Props = {
isOpenModal: boolean;
setIsOpenModal: (val: boolean) => void;
};

const LanguageModal = ({isOpenModal, setIsOpenModal}: Props) => {
const t = useTranslations('header.language');
const pathname = usePathname();
const params = useParams();
const locale = useLocale();
const router = useRouter();

const switchLocale = (newLocale: Locale) => {
router.replace(
{pathname, params},
{locale: newLocale}
);
};

return (
<Modal isContent isOpen={isOpenModal} onClose={() => setIsOpenModal(false)}>

      {Object.entries(localeNames).map(([loc, name]) => (
        <Link
          onClick={() => {
            switchLocale(loc as Locale);
          }}
          key={loc}
          locale={loc}
          href={{pathname, params}}
          className={`${loc === locale ? 'bg-background-medium' : ''} relative hover:bg-background-medium rounded-btn p-2.5 pl-8 block min-w-1/3 flex gap-2 items-center flex-1 leading-6`}
        >
          {loc === locale && (
            <i className="top-1/2 left-2.5 -translate-y-1/2 absolute">
              <CheckIcon width="16" height="16" />
            </i>
          )}
          {name}
        </Link>
      ))}
</Modal>

);
};

export default LanguageModal;
the link switcher rendered width locale href="/en/wallpapers" and href="/ru/%D0%BE%D0%B1%D0%BE%D0%B8"
English
Русский

[sovetski]

same problem here