我如何让类型检查与 React forwardRef 一起使用

我在使用 forwardRef 时无法进行类型检查。我的代码如下：

成分：

export interface Props {
  label?: string;
  callback: () => void;
}

export const _Button = (props: Props) => {

  return (
    <div>
      <p>test</p>
    </div>
  );
};

export const Button = React.forwardRef((props, ref) => {
  return <_Button { ...props } forwarded={ref} />
});

组件使用：

export const App = () => {

  return (
    <div>
      <h1>Application</h1>
      <Button label="foo" />
    </div>
  );
};

您可以看到我没有传递所需的回调道具，但打字稿没有发现问题。以下是我尝试过的，但仍然无法进行类型检查。

export interface Props {
  label?: string;
  callback: () => void;
}

export const _Button = (props: Props) => {

  return (
    <div>
      <p>test</p>
    </div>
  );
};

export const Button = React.forwardRef<HTMLButtonElement, Props>((props: Props, ref) => {
  return <_Button { ...props } forwarded={ref} />
});

任何帮助，将不胜感激。谢谢。

添加了对答案 1 和 2 的响应的图像。这是我期望的打字稿错误。