Reactjs Typescript和MaterialUI图标中存在类型别名问题

我需要根据在配置文件中找到的字符串，动态地在代码中插入一些重要的UI图标。我在这里找到了一种可行的技术：

然而，当我尝试React Functional Components+Typescript时，我发现了一些奇怪的错误：

如何使用Typescript实现这一点？这些类型真让我讨厌

基本上，我希望使用以下组件：

<ListItemIcon>
    <SideNavIcon name='dashboard' />
</ListItemIcon>
<ListItemIcon>
    <SideNavIcon name='transform' />
</ListItemIcon>

---

是否可以创建一个带有开关盒的单独函数，在“名称”上进行开关，并为每个盒返回正确的IconComponent？然后在SideNavIcon组件中返回该函数

如果您对硬编码没有问题，应该可以使用哪些图标

如果您需要一个完全动态的解决方案，我将研究动态组件加载，这在这里（以及其他地方）进行了讨论