Compile errors with plain CRA project (version 4.0.0 and React version 17.0.1)

[valstu]

Getting this error when creating a new project with CRA (javascript) and starting it:

Most likely related to these new features React 17 provided:

Because the new JSX transform will automatically import the necessary react/jsx-runtime functions, React will no longer need to be in scope when you use JSX. This might lead to unused React imports in your code.

[petetnt]

Add

    "rules": {
      "react/jsx-uses-react": "off",
      "react/react-in-jsx-scope": "off"
    }

to your eslintrc for now

[valstu]

Yeah, did that 👍 Just added this as a reminder here.

[petetnt]

Not sure where those come from though, they should be off by default in CRA 4.0.0.

[petetnt]

It's in eslint-config-airbnb

https://github.com/airbnb/javascript/blob/d3c7b84d9e513fc1388de28775574ed614ee33e6/packages/eslint-config-airbnb/rules/react.js#L229

[petetnt]

Filed upstream: airbnb/javascript#2334