React fragment shorthand failing to compile : <p>The project in question is using React-16.2.0 which has the capability to use Fragments and the Fragment shorthand.</p>

<p><a href="https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html" rel="noreferrer">https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html</a></p>

<p>While the full-length syntax works fine...</p>

<pre><code>import React, { Fragment, Component } from 'react';

class TestingFragment extends Component {
    render() {
        return (
            &lt;Fragment&gt;
                &lt;span&gt;This is a fragment of text &lt;/span&gt;
                &lt;div&gt;Another part of the fragment&lt;/div&gt;
            &lt;/Fragment&gt;
        )
    }
};

export default TestingFragment
</code></pre>

<p>The shorthand fails to compile and I am at a loss as to why this is. Fore example...</p>

<pre><code>import React, { Component } from 'react';

class TestingFragment extends Component {
    render() {
        return (
            &lt;&gt;
                &lt;span&gt;This is a fragment of text &lt;/span&gt;
                &lt;div&gt;Another part of the fragment&lt;/div&gt;
            &lt;/&gt;
        )
    }
};

export default TestingFragment
</code></pre>

<p>Which fails to compile as follows...</p>

<pre><code>Failed to compile
./src/testingFragments.js
Syntax error: Unexpected token (6:4)

  4 |   render() {
  5 |       return (
&gt; 6 |           &lt;&gt;
    |            ^
  7 |               &lt;span&gt;This is a fragment of text &lt;/span&gt;
  8 |               &lt;div&gt;Another part of the fragment&lt;/div&gt;
  9 |           &lt;/&gt;
This error occurred during the build time and cannot be dismissed.
</code></pre>

<p>Is there something here I am missing about the Fragment shorthand syntax?</p>
