title: React Material UI show progress in Table while waiting on data
body: <p>I know it is possible to show Circular progress over the as-yet-to-be-populated table.  How do you do it?</p>
  
  <p>As it stands right now the table says <strong><em>No records to display</em></strong> .... until the server returns with the data.
  <a href="https://i.stack.imgur.com/Ljqsd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ljqsd.png" alt="currently shows &#39;no records to display&#39;"></a></p>
  
  <p>========= further to @torquan response this is what worked for me in more detail.</p>
  
  <pre><code>const [dataFetched, setDataFetched] = useState(false)
  </code></pre>
  
  <p>Convert <code>EmployeesTable</code> into a component - then I had to pass props in and it works perfectly.</p>
  
  <pre><code>         {!dataFetched ? (
              &lt;CircularProgress /&gt;
           ) : (
              &lt;EmployeesTable
                 data={employees}
                 token={token}
              /&gt;
           )}
  </code></pre>