title: How to store React component in object
body: <p>I have an object of all apps:</p>
  <pre><code> export const allApps: appInterface[] = [
    {
      id: uuidv4(),
      name: &quot;Minesweeper&quot;,
      icon: minesweeperIcon,
      disabled: false,
    },
  ];
  </code></pre>
  <p>I want to add component property to each object like this:</p>
  <pre><code> export const allApps: appInterface[] = [
    {
      id: uuidv4(),
      name: &quot;Minesweeper&quot;,
      icon: minesweeperIcon,
      disabled: false,
      component: Minesweeper, //It is imported as import Minesweeper from ../Components/Minesweeper&quot;;
    },
  ];
  </code></pre>
  <p>And then I want to display all components in App.js:</p>
  <pre><code>allApps.forEach((app)=&gt;{
    &lt;div&gt;{app.component}&lt;div&gt; // for eg: &lt;div&gt;&lt;Minesweeper/&gt;&lt;/div&gt;
  });
  </code></pre>
  <p>Is this possible to do?</p>