title: How to get my array object into a material ui table
body: <p>I have an array that I want to get inside a material ui table. This is the structure of my array, which is taken from a file that I import (using react papa parse 3):</p>
  <p><a href="https://react-papaparse.js.org/" rel="nofollow noreferrer">https://react-papaparse.js.org/</a></p>
  <p><a href="https://i.stack.imgur.com/Xw1wd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xw1wd.png" alt="My array" /></a></p>
  <p>This is a link to the code I am trying to get the data into:</p>
  <p><a href="https://codesandbox.io/s/htvjz?file=/demo.js" rel="nofollow noreferrer">https://codesandbox.io/s/htvjz?file=/demo.js</a></p>
  <p>I am a bit confused on the structure of the array, being relatively new at this. Does my row data go one extra level deep with the &quot;data&quot; level in there?</p>
  <p>How can I get this into the material ui array table linked to above?</p>
  <p>Spent all day on this and going round and round in circles.</p>