Typescript 尝试使用<；链接我的导航栏；链接>；但是它阻止了我的组件渲染帮助，请

所以我尝试使用typescript和MaterialUI创建一个导航栏。但我似乎无法将文本链接到该文件。前面测试时显示了项目列表，但一旦我将“路径”字符串和材质ui添加到返回函数中，我的整个抽屉组件就停止呈现。能否请您帮助我识别我的错误和我应该考虑的一个方法。< /P>

导入{
穆斯文坦德勒，
useState，
}从“反应”；
从“/styles”导入useStyles；
进口{
阿帕巴，
阿凡达
分隔器，
抽屉，
列表
列表项，
ListItemIcon，
ListItemText，
工具栏，
}来自“@材料界面/核心”；
进口{
阿罗巴乔斯，
雪佛兰左，
CloudUpload，
家，
菜单，
设置，
}从“@材料界面/图标”；
从“../../lib/AuthContext”导入AuthContext；
常量列表项=[
{文本：“主页”，路径：“src/pages/_app.tsx”，图标：Home}，
{文本：“上传音乐”，路径：“/src/pages/Upload/index.tsx”，图标：CloudUpload}，
{文本：“设置”，路径：“/src/pages/profile/index.tsx”，图标：Settings}，
];
常量导航栏=（）=>{
const classes=useStyles（）；
const[open，setOpen]=useState（false）；
//const{user}=useContext（AuthContext）
常量handleClick=（）=>setOpen（！open）；
返回(
{listItems.map（{text，path，Icon}）=>(
))}
);
};
导出默认导航栏