如何更新material-ui按钮焦点样式？

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

const useStyles = makeStyles(theme => ({
  button: {
    // 按钮默认样式
    // ...
  },
  buttonFocused: {
    // 按钮获得焦点时的样式
    // ...
  }
}));

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

  return (
    <Button
      classes={{
        root: classes.button,
        focused: classes.buttonFocused
      }}
    >
      My Button
    </Button>
  );
};

export default MyButton;