Блог

Я использую React: версия «^17.0.2», машинопись: версия «^4.4.3», дизайн материалов: версия «^5.0.3 » в своем проекте. У меня есть следующая ошибка, когда я хочу добавить свою пользовательскую точку останова в тему и использовать ее:

Но я выполняю все шаги для создания пользовательского процесса точки останова, ниже приведен мой код:

Моя настройка темы и код объявления:

 export const theme = () => {
  const colors = themeColor;

  return createTheme({
    palette: themePalette(colors),

    typography: themeTypography(colors),

    breakpoints: {
      values: {
        xs: 0,
        sm: 500,
        tablet: 768,
        md: 900,
        lg: 1280,
        xl: 1400,
      },
    },
  });
}; 

declare module "@mui/material/styles" {
  interface BreakpointOverrides {
    xs: true;
    sm: true;
    tablet: true;
    md: true;
    lg: true;
    xl: true;
  }
}
 

Я также предоставляю тему, подобную этой:

 import { ThemeProvider } from "@mui/material/styles";
import "animate.css";

import { theme } from "theme";
import FrontEndIndex from "views/frontend";

function App() {
  return (
    <ThemeProvider theme={theme()}>
      <FrontEndIndex />
    </ThemeProvider>
  );
}

export default App;
 
 

моя структура папок такова: Приложение->интерфейс->>домашняя страница->>>категория

здесь я столкнулся с проблемой при попытке использовать мою пользовательскую точку останова планшета