移除@mui v5中的默认主题样式

import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  components: {
    // 在这里可以覆盖默认组件的样式
    MuiButton: {
      styleOverrides: {
        // 覆盖按钮组件的样式
        root: {
          backgroundColor: 'red',
          color: 'white',
        },
      },
    },
    // 可以继续添加其他组件的样式覆盖
  },
});

export default theme;

import { ThemeProvider } from '@mui/material/styles';
import theme from './theme';

function App() {
  return (
    <ThemeProvider theme={theme}>
      {/* 应用程序的内容 */}
    </ThemeProvider>
  );
}

export default App;