title: validateDOMNesting(...): <tr> cannot appear as a child of <div>
body: <p>I'm trying to get this work:</p>
  <p><strong>Orders:</strong></p>
  <pre class="lang-js prettyprint-override"><code>render () {
    const orders = this.state.orders.map((order, index) =&gt; &lt;OrderRow order={order} key={index}/&gt;);
  
    return (
      &lt;table&gt;
        &lt;tbody&gt;
          {orders}
        &lt;/tbody&gt;
      &lt;/table&gt;
    );
  }
  </code></pre>
  <p><strong>OrderRow:</strong></p>
  <pre class="lang-js prettyprint-override"><code>render () {
    return (
      &lt;tr&gt;
        &lt;td&gt;{this.props.order.number}&lt;/td&gt;
        &lt;td&gt;{this.props.order.products}&lt;/td&gt;
        &lt;td&gt;{this.props.order.shippingDate}&lt;/td&gt;
        &lt;td&gt;{this.props.order.status}&lt;/td&gt;
      &lt;/tr&gt;
    );
  }
  </code></pre>
  <p>But still getting this error:</p>
  <pre><code>Warning: validateDOMNesting(...): &lt;tr&gt; cannot appear as a child of &lt;div&gt;.
  See Orders &gt; div &gt; OrderRow &gt; tr.
  </code></pre>
  <p>Any ideas how to fix it?</p>