reactjs - 在 Material UI 中更改主题时添加额外的 HTML CSS

Question

我的问题可能是错误的，但是当我一次又一次地更改 Material UI 上的主题时，每次更改都会添加几行 HTML 和 Css。我更改主题的代码是

const [darkMode, setdarkMode] = useState(true);

  const theme = createMuiTheme({
    palette: {
      type: darkMode ? "dark" : "light",
    },
  });
  const handleThemeChange = () => {
    setdarkMode(!darkMode);
  };
 <ThemeProvider theme={theme}>
      <CssBaseline />
   <Typography
          className={classes.mainTitle}
          variant="h2"
          onClick={handleThemeChange}
        >
          Some text
        </Typography>
    </ThemeProvider>

这就是我更改主题时发生的情况

标签： reactjsmaterial-ui