Make Nextjs link work with Adobe Spectrum link

link.tsx

import { Link as SpectrumLink } from "@adobe/react-spectrum"
import type { SpectrumLinkProps } from "@react-types/link"
import NextLink, { LinkProps as NextLinkProps } from "next/link"
import { AnchorHTMLAttributes, forwardRef } from "react"

type _LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & SpectrumLinkProps
const _Link = forwardRef<HTMLAnchorElement, _LinkProps>(function _Link(props, ref) {
  const { children, href, target, rel, ...rest } = props

  return (
    <SpectrumLink {...rest}>
      <a href={href} ref={ref} target={target} rel={rel}>
        {children}
      </a>
    </SpectrumLink>
  )
})

type LinkProps = _LinkProps & { href: NextLinkProps["href"] }
function Link({ href, ...rest }: LinkProps) {
  return (
    <NextLink href={href} passHref>
      <_Link {...rest} />
    </NextLink>
  )
}

export default Link