你可以创建另一个主题，与前一个相同的值如果需要，但具有更新的breakpoints属性，并在任何你想要的地方使用它，你只需要在其中 Package 你想要的内容，例如：

const newTheme = createMuiTheme({
  //...
  breakpoints: {
    // update
  },
});

不要忘记从mui导入createMuiTheme和ThemeProvider。

<ThemeProvider theme={newTheme}>
     <div>..</div>
</ThemeProvider>

您可以使用两种方法在不更改MUI主题的情况下自定义断点。

*传递内联断点值。例如👇

import Box from '@mui/material/Box'

<Box maxWidth={600}>
  ...
</Box>

*创建可重用的自定义断点对象。例如👇

import Box from '@mui/material/Box'

const customBreakPoints = {
  A: 0,
  B: 600,
  C: 1200,
  D: 1500,
}

<Box maxWidth={customBreakPoints.B}>
       ...
</Box>