title: <td> cannot appear as a child of `div`?
body: <p>I am following this example <a href="https://codesandbox.io/s/little-star-yq2h8" rel="nofollow noreferrer">https://codesandbox.io/s/little-star-yq2h8</a>
  which use state. Now I make the same example using <code>hooks</code></p>
  
  <p>but getting this error</p>
  
  <pre><code>validateDOMNesting(...): &lt;td&gt; cannot appear as a child of &lt;div&gt;.
      in td (at editable-cell.js:34)
      in div (at editable-cell.js:56)
      in EditableCell (created by TableCell)
      in TableCell (created by TableRow)
      in tr (created by BodyRow)
      in BodyRow (created by TableRow)
      in TableRow (created by Connect(TableRow))
      in Connect(TableRow) (created by ExpandableRow)
      in ExpandableRow (created by Conne
  </code></pre>
  
  <p>and row view is not reflecting why ?
  here is my code
  <a href="https://codesandbox.io/s/reverent-burnell-l504y" rel="nofollow noreferrer">https://codesandbox.io/s/reverent-burnell-l504y</a></p>
  
  <pre><code>const PmViewList = () =&gt; {
    return (
      &lt;Fragment&gt;
        &lt;EditableFormTable /&gt;
      &lt;/Fragment&gt;
    );
  };
  </code></pre>