reactjs - 在 Material-UI 中使用自定义主题时已弃用的版式警告

Question

在下面的代码中，我在 Material-UI 中使用了自定义主题:

import React from "react";
import ReactDOM from "react-dom";
import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
import Button from "@material-ui/core/Button";
import { purple, green } from "@material-ui/core/colors";

const theme = createMuiTheme({
  palette: {
    primary: purple,
    secondary: green
  }
});

function App() {
  return (
    <MuiThemeProvider theme={theme}>
      <Button color="primary">Button1</Button>
      <Button color="secondary">Button2</Button>
    </MuiThemeProvider>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

我收到以下警告:
警告:Material-UI:您正在使用已弃用的排版变体，这些变体将在下一个主要版本中删除。


我没有使用任何排版(更不用说任何已弃用的排版变体)

为什么我会收到此警告？有人可以解释一下吗。
完整演示请参见codesandbox:https://codesandbox.io/s/r5v9pjxnq4

最小重现代码:https://codesandbox.io/s/p9628o7wlj
(事实证明，仅使用 createMuiTheme 也会发出警告!)

Answer 1

我只是在我的index.html中添加:

<script>window.__MUI_USE_NEXT_TYPOGRAPHY_VARIANTS__ = true</script>