Errorneous linting of jsx fragments

Is this a bug report?

yes

Steps to Reproduce

1. create app npx create-react-app app
2. replace content of src/App.js with

import React from 'react';

const App = (
  <>App</>
);

export default App;

1. run npx eslint ./src inside app

Expected Behavior

no errors, no warnings

Actual Behavior

There is a warning:

.../src/App.js
  1:8  warning  'React' is defined but never used  no-unused-vars

✖ 1 problem (0 errors, 1 warning)

If I remove react import from src/App.js, then it shows an error:

.../src/App.js
  2:3  error  'React' must be in scope when using JSX  react/react-in-jsx-scope

✖ 1 problem (1 error, 0 warnings)

Reproducible Demo

https://github.com/vadzim/errorneous-fragment-linting.git

[vadzim]

It seems this is fixed in https://github.com/yannickcr/eslint-plugin-react/commit/18898e1c41ff0d9f2f8e1c93267b6cda91328765#diff-d41ba36daf851354b9587064dc4ee0ac but still not published

[stale[bot]]

This issue has been automatically closed because it has not had any recent activity. If you have a question or comment, please open a new issue.