El error persiste, no sé cómo solucionarlo porque soy nuevo en React. Intenté algunas respuestas sobre el desbordamiento de la pila pero no parecen funcionar, tal vez me falta el conocimiento para ver qué está causando el error.

Aquí está el código que está causando el error:

 export { default as Navbar} from './Navbar/Navbar'; export { default as Products} from './Products/Product';

Aquí está el código Navbar.jsx:

 import React from 'react'; import { AppBar, Toolbar, IconButton, Badge, MenuItem, Menu, Typography } from '@material-ui/core'; import { ShoppingCart } from '@material-ui/icons'; import logo from '../../assets/logo.jpg'; import useStyles from './styles'; const Navbar=() => { const classes = useSyles(); return ( <> <AppBar position="fixed" className={classes.appBar} color="inherit"> <Toolbar> <Typography variant="h6" className={classes.title} color="inherit"> <img src={logo} alt="Commerce.js" height="25px" className={classes.image} /> Commerce.js </Typography> <div className={classes.grow} /> <div className={classes.button}> <iconButton aria-label="Show cart items" color="inherit" > </iconButton> <Badge badgeContent={2} color="secondary" > <ShoppingCart/> </Badge> </div> </Toolbar> </AppBar> </> ) }

Así es como se ve dentro de Visual Code: Inside Visual Studio