Next/13/New Link

Last update

Jul 24, 2024

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