如何在react-app中重用自定义Material-ui按钮？

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

// 创建样式
const useStyles = makeStyles((theme) => ({
  customButton: {
    backgroundColor: theme.palette.primary.main,
    color: theme.palette.common.white,
    '&:hover': {
      backgroundColor: theme.palette.primary.dark,
    },
  },
}));

// 自定义按钮组件
function CustomButton({ label, onClick, ...props }) {
  const classes = useStyles();
  return (
    <Button className={classes.customButton} onClick={onClick} {...props}>
      {label}
    </Button>
  );
}

export default CustomButton;

import React from 'react';
import CustomButton from './CustomButton';

function App() {
  const handleClick = () => {
    alert('Button was clicked!');
  };

  return (
    <div>
      <CustomButton label="Click Me!" onClick={handleClick} />
    </div>
  );
}

export default App;