En la terminal en código VS, dice compilado con éxito, pero en el navegador veo:
TypeError: no se pueden leer las propiedades de undefined (leyendo 'abajo')
Probé las instrucciones aquí: StackOverflow Question , sin suerte.
¿Alguien me puede apuntar en la dirección correcta?
import AppBar from "@mui/material/AppBar"; import Box from "@mui/material/Box"; import Toolbar from "@mui/material/Toolbar"; import Typography from "@mui/material/Typography"; import Button from "@mui/material/Button"; import { makeStyles } from "@mui/styles"; const useStyles = makeStyles((theme) => ({ navMenu: { [theme.breakpoints.down('md')]: { display: "none", }, }, })); const Navbar = () => { const classes = useStyles(); return ( <Box sx={{ flexGrow: 1 }}> <AppBar position="static" style={{ backgroundColor: "#061B2E" }}> <Toolbar> <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}> Name </Typography> <Box className={classes.navMenu}> <Button color="inherit">Item 1</Button> <Button color="inherit">Item 2</Button> <Button color="inherit">Item 3</Button> <Button color="inherit">Item 4</Button> </Box> </Toolbar> </AppBar> </Box> ); }; export default Navbar;Buena pregunta, ¿qué versión de MUI estás usando? Se están alejando de makeSyles a favor de los componentes con estilo, pero este método aún es compatible (todavía lo usamos exclusivamente en mi equipo). Es posible que deba cambiar su declaración de importación para import { makeStyles } from '@material-ui/core';