Fragments giving Unexpected token error in React 16.2

Question

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:

Error in ./src/containers/answers.js Syntax error: Unexpected token (24:5)    22 |        23 | return ( > 24 |     <>      |      ^   25 |       {AnswersCard}   26 |     </>   27 |    ) 

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

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

Answer 1

As per the documentation, the syntax <></> is not supported by all tools and they encourage you to use <React.Fragment> instead

Check this documentation on Support for Fragment syntax