React specific fragment syntax causes linter warning

[haf]

Copied from #5950 which was closed for some archaic reason.

I have this component

import React from 'react'

export default ({ name, age }) => (
	<>
		{name} - {age}
	</>
)

I got warning of Line 1: 'React' is defined but never used no-unused-vars in my terminal. I changed the <></> to div, the error is gone. Is this a bug?

I'm using "react": "^16.6.3"

I, myself, just pulled in the very latest create-react-app, so it's not specific to the above version (mine is 16.8.1)

[petetnt]

Hi @haf,

couldn't replicate this locally with react-scripts@2.1.3 by bootstrapping a new project and changing the first div in App.js to be a plain fragment (<>, </>)

Could you create a MVP repo that replicates the ESLint error, thanks.

[haf]

@peterbe Thanks for trying though. I don't have time to repro this right now, so I'm closing the ticket.