Использование пользовательской темы MUI в другом компоненте

#javascript #reactjs #typescript #material-ui #next.js

Вопрос:

Я использую next js и Mui 5, и я хочу использовать тему точки останова в другом файле. Я не могу понять, как я могу его использовать. Это мое breakpoint.js файл

 import {createTheme } from '@mui/material/styles'; declare module '@mui/material/styles' {  interface BreakpointOverrides {  xs: false;   sm: false;  md: false;  lg: false;  xl: false;  mobile: true;   tablet: true;  laptop: true,  desktop: true;  }  }  export const breakpointTheme = createTheme({  breakpoints: {  values: {  mobile: 360,  tablet: 768,  laptop: 1024,  desktop: 1440,  },  }, }); 

Это файл, в котором я хочу использовать тему точки останова внутри моей темы другого файла.

 export const theme = responsiveFontSizes(createTheme({  palette: {  warning: {  light: warningLight,  main: warning,  dark: warningDark,  },  info: {  light: infoLight,  main: info,  dark: infoDark,  },  // here I want to use breakpoint component   }, }));