REACT ERROR <th> cannot appear as a child of <thead>. See (unknown) > thead > th REACT ERROR <th> cannot appear as a child of <thead>. See (unknown) > thead > th javascript javascript

REACT ERROR <th> cannot appear as a child of <thead>. See (unknown) > thead > th


javascript jquery ruby-on-rails reactjs

The only direct children allowed for thead are tr elements, not th.

<table>  <thead>    <tr>      <th />    </tr>  </thead>  ...</table>

javascript jquery ruby-on-rails reactjs

Well th should be nested under a tr not a thead. Docs 

<table>  <thead>    <tr>      <th>name</th>      <th>age</th>    </tr>  </thead>  <tbody>    <tr>      <td>john</td>      <td>33</td>    </tr>    <tr>      <td>smith</td>      <td>22</td>    </tr>    <tr>      <td>jane</td>      <td>24</td>    </tr>  </tbody></table>
Expand snippet