如何创建使用 React Material 用户界面主题的 <h1/> 元素？

Question

我已将主题设置为 dark，并希望有一个 h1 元素使用该主题。这是怎么做到的？

以下不起作用：

<MuiThemeProvider theme={theme}>
  <h1>Page Title</h1>
...

以下工作但发出警告：

<MuiThemeProvider theme={theme}>
  <DialogTitle><h1>Page Title</h1></DialogTitle>

Answer 1

<MuiThemeProvider theme={theme}>
  <Typography variant="h1">Page Title</Typography>
...