Reactjs 更改材质ui中的默认断点无效

我正在尝试更改material ui中的默认断点

\node_modules\@material-ui\system\breakpoints.js

例如，我将sm的值从600px改为426px

var values = {
  xs: 0,
  sm: 426,
  md: 960,
  lg: 1280,
  xl: 1920
};

我的组件呈现如下：

<Box display={{ xs: 'none',sm:"block"}}>
  <Row direction={"row-reverse"} divider={true} />
</Box>

---

我想在屏幕宽度小于426px时隐藏Box组件，代码是我说的，但在宽度小于600px时隐藏组件，600px是sm breakpoint的默认值，因此主题提供程序将忽略我输入的值确保将断点值传递给主题选项，如这一点如中所述

实例

---

是的，正如我所说，我正在编辑material ui默认文件，它应该更改默认主题，material ui本身正在处理您编写的这部分代码，这部分代码正在工作，但不是使用我在material ui中更改的值，而是使用默认值。您为什么要直接更改库代码，而不是覆盖它使用材料ui API？您可能想看看@mohammadtz55

const values = {
  xs: 0,
  sm: 426,
  md: 960,
  lg: 1280,
  xl: 1920
};

const theme = createMuiTheme({
  breakpoints: {
    keys: ["xs", "sm", "md", "lg", "xl"],
    up: (key) => `@media (min-width:${values[key]}px)`
  }
});