如何创建使用React Material User Interface主题的<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>
...