Как добавить значок из строкового значения в Reactjs MUI

#reactjs

Вопрос:

как я могу передать значок AcUnitIcon из списка в React.createElement() ?
У меня есть имя значка возврата списка

 const List = [  {  icon: "AcUnitIcon",  url: "abc",  name: "ABC"  }, ]  export default function ListInfo() {  return (  lt;List gt;  {list.map((list ,i) =gt; (  console.log(list.url),  lt;div key ={i} gt;  {React.createElement(list.icon,{style: {color: "red", fontSize: "3rem"}})}  lt;/divgt;  ))}  lt;/Listgt;  ); }  

спасибо за вашу помощь