Reactjs 带组件道具的MaterialUI按钮

我正在尝试为MaterialUI按钮组件实现一个HOC：

import {Button as MUIButton, ButtonProps} from '@material-ui/core';
import * as React from 'react';

export const Button = (props: ButtonProps) => <MUIButton {...props} />;

从“@material ui/core”导入{Button as MUIButton，ButtonProps}；
从“React”导入*作为React；
导出常量按钮=（道具：按钮按钮）=>；

我是这样用的：

import {Button} from '../hocs/button.tsx';
import {Link} from 'react-router-dom';

...

<Button
  variant='contained'
  color='primary'
  component={Link}
  to={`${url}/new`}
>
  Add something
</Button>

从“../hocs/Button.tsx”导入{Button}；
从'react router dom'导入{Link}；
...
加点东西

但是我遇到了一个错误

---

属性“component”不存在于类型“IntrinsifictAttributes&{children？：ReactNode；类：{root？：字符串|未定义；标签？：字符串|未定义；文本？：字符串|未定义；字符串|未定义；iconSizeLarge？：字符串|未定义；}|未定义；9更多…；变体？：“文本”|…2更多…|未定义；}&选择找到的解决方案。要点是复制默认的扩展接口

---

你不必将

儿童

与

道具

分开，如果你只是传播

道具

，一切都会成功的。孩子和其他任何人一样都是道具。