Estoy tratando de diseñar mi proyecto con material UI y recibo este error desconocido. He intentado reiniciar mi proyecto varias veces. En vano.

Este es el error de mi consola:

 ERROR in ../../../../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js 4:0-52 Module not found: Error: Can't resolve './nonIterableSpread' in '/Users/HP/node_modules/@babel/runtime/helpers/esm' Did you mean 'nonIterableSpread.js'? ...

Navbar.js

 import React from "react"; import { makeStyles } from "@material-ui/core/styles"; const useStyles = makeStyles((theme) => ({ root: { display: "flex", }, })); function Navbar() { const classes = useStyles(); return ( <> <header className={classes.root}> <div className="title"> <h1>Mba Okocha</h1> </div> </header> </> ); } export default Navbar;