Cuando trato de usar un accesorio sx dentro de una etiqueta ThemeProvider, recibo el siguiente error:
breakpoints.map no es una función
aquí está el código:
import { responsiveFontSizes, createTheme } from '@mui/material/styles'; import { Box, ThemeProvider } from '@mui/material'; import styled from '@emotion/styled'; let theme = createTheme({ palette: { type: 'dark', primary: { main: '#3dde7f', }, secondary: { main: '#c83737', }, background: { default: '#121212', paper: '#1a1a1a', }, }, }); theme = responsiveFontSizes(theme); export default function Main(props) { const {accountsStore} = useStores(); return ( <ThemeProvider theme={theme}> <Box sx={{ gridArea: "menu", paddingTop: "40px", marginTop: "50px", maxWidth: "300px" }}> <SideNav accountsStore={accountsStore}/> </Box> </ThemeProvider> ); }Puedo hacer que funcione con componentes con estilo. Cualquier ayuda sería muy apreciada.