mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
4b66771895
The `legacyBehavior` prop of the `Link` component has been deprecated since #77473. For Next.js 16, we're finally removing support for it. Consequently, we're also removing support for the `passHref` prop, which was only useful in conjunction with the `legacyBehavior` prop. A [codemod is available](https://nextjs.org/docs/app/guides/upgrading/codemods#new-link) to help you automatically upgrade your codebase. reverts #77473 --------- Co-authored-by: Sebastian Sebbie Silbermann <[email protected]>
30 lines
693 B
TypeScript
30 lines
693 B
TypeScript
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
|
|
export default function LocaleSwitcher() {
|
|
const router = useRouter();
|
|
const { locales, locale: activeLocale } = router;
|
|
|
|
const otherLocales = (locales || []).filter(
|
|
(locale) => locale !== activeLocale,
|
|
);
|
|
|
|
return (
|
|
<div>
|
|
<p>Locale switcher:</p>
|
|
<ul>
|
|
{otherLocales.map((locale) => {
|
|
const { pathname, query, asPath } = router;
|
|
return (
|
|
<li key={locale}>
|
|
<Link href={{ pathname, query }} as={asPath} locale={locale}>
|
|
{locale}
|
|
</Link>
|
|
</li>
|
|
);
|
|
})}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|