老师你好这里我把老师的button做了一个forwardRef的转发

import React, { forwardRef } from 'react';
import { ButtonSize, ButtonType } from './constant';
import classnames from 'classnames';

interface BaseButtonProps {
  children?: React.ReactNode;
  size?: ButtonSize;
  btnType?: ButtonType;
  disabled?: boolean;
  href?: string;
}

type NativeButtonProps = React.ButtonHTMLAttributes<HTMLElement> &
  BaseButtonProps;
type AnchorButtonProps = React.AnchorHTMLAttributes<HTMLElement> &
  BaseButtonProps;

export type ButtonProps = Partial<NativeButtonProps & AnchorButtonProps>;

const prefix = 'hy';

const Button: React.FC<ButtonProps> = forwardRef<
  HTMLButtonElement,
  ButtonProps
>((props, ref) => {
  const { className, btnType, disabled, size, children, href, ...restProps } =
    props;
  const classes = classnames(
    `${prefix}-btn`,
    `${prefix}-btn__${size}`, // 大小
    `${prefix}-btn__${btnType}`, // 类型
    { 'is-disabled': disabled }, // 是否禁用
    className // 用户自定义className
  );

  if (btnType === 'link') {
    return (
      <a className={classes} href={href} {...restProps}>
        {children}
      </a>
    );
  } else {
    return (
      <button ref={ref} className={classes} disabled={disabled} {...restProps}>
        {children}
      </button>
    );
  }
});

Button.defaultProps = {
  btnType: 'default',
  size: 'lg',
};

export default Button;

但是外层调用时候，ref属性TS会报错。我不清楚应该如何解决，我传递ref是第二个参数。难道我要写入buttonProps中定义吗