Next.js Link to Remix Link migration

Link.tsx

import { Link as RemixLink } from "@remix-run/react";
import React from "react";

type RemixLinkProps = Parameters<typeof RemixLink>[0];

export type LinkProps = { href: RemixLinkProps["to"] } & Omit<
  RemixLinkProps,
  "to"
>;

// This components exists as a migration path from Next.js to Remix.
export default function Link({ href, children, ...props }: LinkProps) {
  const link = <RemixLink to={href} {...props} />;
  if (React.isValidElement(children) && children.type === "a") {
    return React.cloneElement(link, { ...children.props, ...link.props });
  } else {
    throw new Error("Link children must be an <a> element");
  }
}