Estoy usando next js y Mui 5 y quiero usar el tema de punto de interrupción en otro archivo. No puedo entender cómo puedo usarlo. Este es mi archivo 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, }, }, });Este es el archivo en el que quiero usar breakpointTheme dentro de mi tema del otro archivo.
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 }, }));