title: How to loop to list all my users inside the component
body: <p>Good I am new with react, and I have the problem of not knowing how to make a loop inside this component to list all the users I have tried a thousand and one ways but I am not getting anywhere.</p>
  <pre><code> columns: [
    { Header: &quot;companies&quot;, accessor: &quot;companies&quot;, width: &quot;45%&quot;, align: &quot;left&quot; },
    { Header: &quot;members&quot;, accessor: &quot;members&quot;, width: &quot;10%&quot;, align: &quot;left&quot; },
    { Header: &quot;budget&quot;, accessor: &quot;budget&quot;, align: &quot;center&quot; },
    { Header: &quot;completion&quot;, accessor: &quot;completion&quot;, align: &quot;center&quot; },
  ],
  
  rows: [
    {
      companies: &lt;Company image={logoXD} name=&quot;Material UI XD Version&quot; /&gt;,
      members: (
        &lt;MDBox display=&quot;flex&quot; py={1}&gt;
          {avatars([
            [team1, &quot;Ryan Tompson&quot;],
            [team2, &quot;Romina Hadid&quot;],
            [team3, &quot;Alexander Smith&quot;],
            [team4, &quot;Jessica Doe&quot;],
          ])}
        &lt;/MDBox&gt;
      ),
      budget: (
        &lt;MDTypography variant=&quot;caption&quot; color=&quot;text&quot; fontWeight=&quot;medium&quot;&gt;
          $14,000
        &lt;/MDTypography&gt;
      ),
      completion: (
        &lt;MDBox width=&quot;8rem&quot; textAlign=&quot;left&quot;&gt;
          &lt;MDProgress value={60} color=&quot;info&quot; variant=&quot;gradient&quot; label={false} /&gt;
        &lt;/MDBox&gt;
      ),
    },
  ],
  </code></pre>
  <p>Where I would like to make the loop would be in rows</p>
  <p>Thank you very much</p>