Next/13/New Link

Last update

Jan 10, 2025

Safely removes <a> from Link components imported from the next/link module or adds the legacyBehavior prop on the component level.

Example

export default function Component() {
  return (
    <Link href="/a">
      <a>Anchor</a>
    </Link>
  );
}

export default function Component() {
  return <Link href="/a">Anchor</Link>;
}

Safely removes <a> from Link components imported from the next/link module or adds the legacyBehavior prop on the component level.

export default function Component() {
  return (
    <Link href="/a">
      <a>Anchor</a>
    </Link>
  );
}

export default function Component() {
  return <Link href="/a">Anchor</Link>;
}

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community