Material-ui-在宽屏上覆盖容器默认样式

Question

我正在寻找一种方法来覆盖默认的Grid容器样式。 这是预期的结果：

@media only screen and (min-width: 1200px)
.container {
    width: 1184px;
    max-width: 100%;
}

由于我希望将其设置为全局设置，而不仅仅是针对特定组件，因此我希望在app.js中进行一次设置：

const theme = createMuiTheme({



  overrides: {
    MuiGrid: {
      container: {
----> How can I implement it here?
      }
    },
...
....
...

在JS中，我像这样使用它

        <MuiThemeProvider theme={theme}>
          <CssBaseline />
          <div className={classes.content}>
            <Switch>
              <Route path="/" exact component={Homepage} />
              <Route component={AppContainer}/>
          </div>
        </MuiThemeP

rovider>