Proxying component for Next.js Link

link.tsx

import { cloneElement, PropsWithChildren, ReactElement } from 'react'

export default function Link({ children, href }: PropsWithChildren<any>) {
  if (typeof children === 'object') {
    const reactChild = children as ReactElement

    if (reactChild.type === 'a' && href) {
      return cloneElement(reactChild, { href })
    }
  }
  return children
}