Expand/Collapse TableRow component in Material-UI
<p>I need to expand the TableRow component to open another div containing some fields. But <strong>React</strong> throws a warning if I try to add divs in the table body.</p>

<pre><code>warning: validateDOMNesting(...): &lt;div&gt; cannot appear as a child of &lt;tr&gt;. See RowComponent &gt; TableRow &gt; tr &gt; div.
</code></pre>

<p>Required functionality is similar to <code>^</code> button from the nested list component to collapse / expand.
Is there any way to customize the <strong>material-ui TableRow</strong> to expand/collapse ?</p>