useStyles在mui5中不能正常工作吗？

import { styled } from '@mui/system';

const CustomButton = styled('button')({
  backgroundColor: 'blue',
  color: 'white',
  padding: '10px',
});

function MyComponent() {
  return <CustomButton>Click me</CustomButton>;
}

import { makeStyles } from '@mui/styles';

const useStyles = makeStyles({
  root: {
    backgroundColor: 'blue',
    color: 'white',
    padding: '10px',
  },
});

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

  return <button className={classes.root}>Click me</button>;
}