Fragments giving Unexpected token error in React 16.2 : <p>I have the following component that renders a series of components. However, I downloaded React 16.2 and tried to use fragments instead of divs, but I get the following error:</p>

<pre><code>Error in ./src/containers/answers.js
Syntax error: Unexpected token (24:5)

  22 |     
  23 | return (
&gt; 24 |     &lt;&gt;
     |      ^
  25 |       {AnswersCard}
  26 |     &lt;/&gt;
  27 |    )
</code></pre>

<p>Why am I getting this error when fragments are supposed to be able to replace divs in React 16.2?</p>

<pre><code>  question ? 
    AnswersCard = ( question.answers.sort(function(a,b) { return (a.count &lt; b.count) ? 1 : ((b.count &gt; a.count) ? -1 : 0)} 
    ).map(answer =&gt;  
    &lt;Answer key={answer.id} answer={answer} questionId={question.id} /&gt;
    )) : AnswersCard = ( &lt;p&gt;Loading...&lt;/p&gt; )

return (
    &lt;&gt;
      {AnswersCard}
    &lt;/&gt;
   )
  }
}
</code></pre>
