如何禁用material-ui cardActionArea的默认悬停和点击效果

import CardActionArea from '@material-ui/core/CardActionArea';

<CardActionArea disableRipple={true}>
  {/* 卡片内容 */}
</CardActionArea>

import CardActionArea from '@material-ui/core/CardActionArea';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  customCardActionArea: {
    /* 自定义样式 */
  },
});

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

  return (
    <CardActionArea className={classes.customCardActionArea}>
      {/* 卡片内容 */}
    </CardActionArea>
  );
};