Как мы можем расширить CssBaseline материала-пользовательского интерфейса?

Question

Я думаю сделать это следующим образом, но я не уверен, что это рекомендуемый способ сделать это:

import * as React from "react"
import { withStyles, createStyles, Theme } from "@material-ui/core"
import CssBaseline from "@material-ui/core/CssBaseline"

// global styles for a Mapper app
class MyCssBaseline extends React.Component {
  render() {
    return <CssBaseline />
  }
}

export default withStyles(styles)(MapperCssBaseline)

function styles(_theme: Theme) {
  return createStyles({
    "@global": {
      fontSize: 12,
      // ... custom styles here ...
    }
  })
}

Это как? Или есть более рекомендуемый способ?