title: React - How to specify an icon in an object as a value
body: <p>I have an array with objects before, I applied icons from fontAwesome as a value, it looked like this</p>
  <pre><code>const SideBarColors = [
     {
          IconStyle: {
              Icon: faDotCircle,
          }
     }
  ]
  </code></pre>
  <p>Then in another component I got this icon like this</p>
  <pre><code>&lt;FontAwesomeIcon icon={SideBarStyle.Icon} /&gt;
  </code></pre>
  <p>Now I use a different approach (React Icons), the point is that now I create icons in this way</p>
  <pre><code>&lt;BsBraces /&gt;
  </code></pre>
  <p>In this case, I cannot assign this icon inside the object as a value, it gives an error</p>
  <pre><code>IconStyle: {
      IconTitle: &lt;BsBraces /&gt;
  }
  </code></pre>
  <p>What should I do in this case?</p>