javascript - React - オブジェクト内のアイコンを値として指定する方法

Question

以前にオブジェクトの配列があり、fontAwesome のアイコンを値として適用したところ、次のようになりました

const SideBarColors = [
   {
        IconStyle: {
            Icon: faDotCircle,
        }
   }
]

次に、別のコンポーネントで、このアイコンを次のように取得しました

<FontAwesomeIcon icon={SideBarStyle.Icon} />

今は別のアプローチ (React Icons) を使用しています。ポイントは、この方法でアイコンを作成することです。

<BsBraces />

この場合、オブジェクト内でこのアイコンを値として割り当てることができず、エラーが発生します

IconStyle: {
    IconTitle: <BsBraces />
}

この場合、どうすればよいですか？