错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）但得到：对象

Question

I seem to be having a problem with this module that was exported in the correct manner but when it is imported and i get the error that was stated above. can anyone help? anything is appreciated Here is the code of the module

    import React from "react";
    import { makeStyles } from "@material-ui/core/styles";
    import Typography from "material-ui/styles/typography";

    const useStyles = makeStyles(theme => ({
      maindiv: {
        float: 'left',
          },
     }));

    export default function Home() {
     console.log("inside the function");
     const classes = useStyles();
      return (
       <div className={classes.maindiv}>
         <Typography variant="h5">this is it</Typography>
       </div>
      );
    }

Answer 1

Your 'Typography' import is wrong. Use import {Typography} from '@material-ui/core'; instead of import Typography from "material-ui/styles/typography";