Expandable table in React material ui

This is how I solved this problem earlier. I wrapped a Collapse transition inside a TableCell and set it's hidden and in prop. Example:

 <TableCell padding={'none'} colSpan={12}>
    <Collapse hidden={!open} in={open}>
       {
         <ItemComponent/>
       }
    </Collapse>
 </TableCell>

Im also looking into the same problem. Apparently, material UI has an issue thread regarding expandable table rows. this link might help you.

Edit: React now has docs for Collapsible Table here. https://material-ui.com/components/tables/#collapsible-table