Estoy tratando de importar Material UI en mi proyecto con reaccionar. pero estoy recibiendo este error.

 Warning: Failed prop type: ForwardRef(Button): prop type `component` is invalid; it must be a function, usually from the `prop-types` package, but received `undefined`. This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.

Estoy siguiendo la guía de uso del sitio de Material UI

material_test.js

 import React, { Component } from 'react'; import Button from '@mui/material/Button'; export default class MaterialTest extends Component { render() { return ( <Button>Hello World</Button> ); } }

pero con un div funciona bien:

 import React, { Component } from 'react'; import Button from '@mui/material/Button'; export default class MaterialTest extends Component { render() { return ( <div>Hello World</div> ); } }

Tengo esto en mi paquete.json

 "dependencies": { "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", "@mui/material": "^5.2.7", (...) "react": "^17.0.2", "react-dom": "^17.0.2", (...) }

Estoy enrutando esto desde otra vista a {localhost}:3000/material_test