title: How can I display elements into each row?
body: <p>currently I am trying to display countries into a Material-UI table. However, all the data is displaying into one row. Anyone know how to fix it? The country array contains elements per index.</p>
  
  <pre><code>&lt;TableCell component="th" id={labelId} scope="row" &gt;
     {country}
  &lt;/TableCell&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/sxxxT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sxxxT.png" alt="enter image description here"></a></p>