title: How to insert a new row in Material-UI?
body: <p>I'm developing a contacts application where all data is stored on client-side temporarily. I've used material-ui table to display the contacts.</p>
  
  <p><a href="https://i.stack.imgur.com/8K6cy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8K6cy.png" alt="Screenshot"></a></p>
  
  <p>When add new contact button on the bottom right is clicked it displays a Dialog with a form in it. When save button is clicked the data is saved in the state. But the problem I'm facing is how to insert a new row within the table with the form data in it. I searched for it but I couldn't find even a single query regarding the same. The add new contact button is in <code>AddContact</code> component and table is in <code>Contacts</code> component but both have same parent component which is in <code>Main</code>. So in a nutshell I'm not able to display the new contact in the table.</p>