0
332
Vistas¿Cómo resolver el error de llamada de gancho no válida al usar Material UI?
Soy nuevo en la codificación y tengo el siguiente error al agregar un icono MaterialUI
import PersonIcon from '@mui/icons-material/Person'; function Header() { return ( <div> <PersonIcon /> <h2>Header file</h2> </div> ); } export default Header;Al agregar me sale el siguiente error:
Tenga en cuenta que he instalado MaterialUI Core y también los iconos de MaterialUI. Cuando no agrego, todo funciona bien.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Prueba esto
npm uninstall @material-ui/core @material-ui/iconsDespués
npm i @material-ui/core @material-ui/iconsReinicie el servidor React
npm start // OR yarn startAvísame si funciona, Suerte
·
Juan Pablo Isaza
Denunciar
0
Debe envolver su aplicación en ThemeProvider :
índice.js:
import * as React from 'react'; import ReactDOM from 'react-dom'; import { ThemeProvider, createTheme } from '@mui/material/styles'; import App from './App'; const theme = createTheme({ palette: { primary: { main: '#556cd6', }, secondary: { main: '#19857b', }, }, }); ReactDOM.render( <ThemeProvider theme={theme}> <App /> </ThemeProvider>, document.querySelector('#root'), );
·
Juan Pablo Isaza
Denunciar
Responde la pregunta