说明

我想用framer motion动画一个nextjs Link组件。我也在使用TypeScript，它一直给我一个类型错误：
Property 'Link' does not exist on type '(<Props extends {}>(Component: string | ComponentType<PropsWithChildren<Props>>, customMotionComponentConfig?: CustomMotionComponentConfig | undefined) => CustomDomComponent<...>) & HTMLMotionComponents & SVGMotionComponents'. Did you mean 'link'?

代码

这是我正在制作的组件。

export default function Button({ href, text, type, ...props }: ButtonTypes) {
  console.log(styles);
  if (href) {
    return (
      <motion.Link
        href={href}
        type={type}
        className={`${styles['neon-button']} focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-aquamarine`}
        {...props}
      >
        {text}
      </motion.Link>
    );
  }
  return (
    <motion.button
      whileHover={{ scale: 1.1 }}
      whileTap={{ scale: 0.9 }}
      type={type}
      className="neon-button focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-aquamarine"
      {...props}
    >
      {text}
    </motion.button>
  );
}

期望

当我添加whileHover和whileTap属性时，组件会显示动画，但显然我需要消除类型错误。