如何使用NextJS在Material Ui中将全局类添加到theme.js？

Question

我正在建立一个新的React / NextJS / Material-UI项目，并想添加包含以下属性的.container类：

container: {
    boxSizing: "content-box",
    maxWidth: "1200px",
    marginLeft: "auto",
    marginRight: "auto",
    paddingLeft: "15px",
    paddingRight: "15px",
    [theme.breakpoints.up("sm")]: {
      paddingRight: "30px",
      paddingLeft: "30px"
    },
    [theme.breakpoints.up("md")]: {
      paddingRight: "40px",
      paddingLeft: "40px"
    }
  }

我想要的是将此类添加到Grid容器并获取响应填充。