title: React.Fragment wraps rows into div instead of table
body: <p>I apologize in advance but I can't get my head around the following. According to the doc <a href="https://reactjs.org/docs/fragments.html#usage" rel="nofollow noreferrer">https://reactjs.org/docs/fragments.html#usage</a>, </p>
  
  <p>...the following code :</p>
  
  <pre><code>class Columns extends React.Component {
    render() {
      return (
        &lt;React.Fragment&gt;
          &lt;td&gt;Hello&lt;/td&gt;
          &lt;td&gt;World&lt;/td&gt;
        &lt;/React.Fragment&gt;
      );
    }
  }
  </code></pre>
  
  <p>should result in :</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;Hello&lt;/td&gt;
      &lt;td&gt;World&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>But in my app it doesn't work, the following code wraps both td tags in a div component:</p>
  
  <pre><code>import React, { Fragment, Component } from 'react';
  
  
  class App extends Component {
    render() {
      return (      
  &lt;Columns/&gt;    
      );
    }
  }
  
  export default App;
  
  class Columns extends React.Component {
    render() {
      return (
        &lt;React.Fragment&gt;
          &lt;td&gt;Hello&lt;/td&gt;
          &lt;td&gt;World&lt;/td&gt;
        &lt;/React.Fragment&gt;
      );
    }
  }
  </code></pre>
  
  <p>Where am I going wrong?? These are the dependencies I'm using in my package.json file :</p>
  
  <pre><code>"dependencies": {
      "react": "^16.4.2",
      "react-dom": "^16.4.2",
      "react-scripts": "1.1.4"
    },
  </code></pre>
  
  <p>Thanks a lot.</p>