如何在我的Reactjs应用程序中使用Material UI样式化这个模式close onMouseLeave

npm install @material-ui/core

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

const useStyles = makeStyles((theme) => ({
  button: {
    backgroundColor: 'blue',
    color: 'white',
    '&:hover': {
      backgroundColor: 'darkblue',
    },
  },
}));

const MyComponent = () => {
  const classes = useStyles();

  return (
    <Button className={classes.button}>Click me</Button>
  );
};

const MyComponent = () => {
  const classes = useStyles();
  const [isOpen, setIsOpen] = React.useState(false);

  const handleClose = () => {
    setIsOpen(false);
  };

  return (
    <Button
      className={classes.button}
      onMouseLeave={handleClose}
    >
      Click me
    </Button>
  );
};