如何在react with typescript中向带样式的material-ui props类添加属性

import React from 'react';
import { makeStyles, Theme } from '@material-ui/core/styles';
import Button, { ButtonProps } from '@material-ui/core/Button';

const useStyles = makeStyles((theme: Theme) => ({
  // 添加你的样式属性
  customButton: {
    // 样式属性
  },
}));

interface CustomButtonProps extends ButtonProps {
  // 添加你的自定义属性
  customProp: string;
}

const CustomButton: React.FC<CustomButtonProps> = ({ customProp, ...props }) => {
  const classes = useStyles();

  return (
    <Button className={classes.customButton} {...props}>
      {customProp}
    </Button>
  );
};

const App: React.FC = () => {
  return (
    <div>
      <CustomButton customProp="自定义属性值" color="primary">
        点击我
      </CustomButton>
    </div>
  );
};