<p dir="auto">How to mix table and expandable panel.</p>
<p dir="auto">I am trying to use expandable panels inside the row of the table body to expand to show more information but always get an error stating:</p>
<p dir="auto">Warning: validateDOMNesting(...): &lt;div&gt; cannot appear as a child of &lt;tbody&gt;.</p>
<p dir="auto">I understand this is is a html thing and there might not be a workaround but does anybody have any advice on how I can do this?</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto"><a href="https://codesandbox.io/s/2478k3pqmp" rel="nofollow">This</a> is a a code sandbox detailing what I am trying to do</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.beta.26</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>chrome latest</td>
</tr>
</tbody>
</table>
<p dir="auto">Thanks</p>
<p dir="auto">After installing latest React package 0.14.0, trying install the latest material-ui (as of this post 0.12.3), the material-ui package install fails.</p>
<p dir="auto"><code class="notranslate">npm ERR! peerinvalid The package react does not satisfy its siblings' peerDependencies requirements!</code><br>
<code class="notranslate">npm ERR! peerinvalid Peer material-ui@0.12.3 wants react@~0.13</code><br>
<code class="notranslate">npm ERR! peerinvalid Peer react-tap-event-plugin@0.1.8 wants react@^0.14.0-0 || ~0.13.x || ~0.12.x</code></p>