Material UI v5：类型错误：无法读取未定义的属性（读取“创建”）

JSx
import React from 'react';
import Button from '@mui/material/Button';
const MyComponent = () => {
  const handleClick = () => {
    console.log('Button clicked!');
  };
  return (
    <Button onClick={handleClick}>Click Me</Button>
  );
};
export default MyComponent;

JSx
import React from 'react';
import { createTheme } from '@mui/material/styles';
import { ThemeProvider } from '@mui/material/styles';
import Button from '@mui/material/Button';
const MyComponent = () => {
  const theme = createTheme({
    palette: {
      primary: {
        mAIn: '#ff0000',
      },
    },
  });
  return (
    <ThemeProvider theme={theme}>
      <Button variant="contAIned" color="primary">Click Me</Button>
    </ThemeProvider>
  );
};
export default MyComponent;