Как создать элемент <h1 />, который использует тему интерфейса пользователя React Material?

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>
...