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

我似乎有一个问题，这个模块是以正确的方式导出的，但当它被导入时，我得到了上面所述的错误。有人能帮忙吗？任何事都值得感激 这是模块的代码

    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>
      );
    }

从“React”导入React；
从“@material ui/core/styles”导入{makeStyles}”；
从“材质ui/样式/排版”导入排版；
const useStyles=makeStyles（主题=>({
主要部门：{
浮动：'左'，
},
}));
导出默认函数Home（）{
console.log（“函数内部”）；
const classes=useStyles（）；
返回(
就是这个
);
}

您的“排版”导入错误。 使用 从“@material ui/core”导入{排版}； 而不是

---

从“材质ui/样式/排版”导入排版

你能展示一下你是如何使用它的吗。。如果有一个工作示例或指向托管URL的链接，则更适合调试。