React: Componentを配列で扱いたい

Question

import HomeIcon from "@material-ui/icons/Home";
import MoneyIcon from "@material-ui/icons/MonetizationOn";
import ListAltIcon from "@material-ui/icons/ListAlt";

Const Components = [
  { component: HomeIcon },
  { component: MoneyIcon },
  { component: ListAltIcon },
];

export const SideNavigation = () => (
  <Wrapper>
    <NavigationList>
      {Components.map((comp, index) => (
        {comp.component} //ここでコンポーネントを表示したい
      ))}
    </NavigationList>
  </Wrapper>
);

ReactでComponentの配列を用意して,その配列をmap関数で取り出した時に
そのコンポーネントを表示したいです.
解決方法がご存知の方は知恵を貸して欲しいです.

Answer 1

{Navigation.map((navi, index) => {
        return <navi.component />;
      })}

上記の書き方で解決した