[eslint] react17 버전 이상임에도 'React' must be in scope when using JSX react/react-in-jsx-scope 가 뜬다면

React 17 버전 이상에서는 더 이상 React 를 최상단에 import 해올 필요가 없으나, react 에서 npx eslint 를 통해 검사를 하면 아래와 같은 에러가 뜨는 것을 볼 수 있었다.

 

 

 

위 문제를 해결하려면 .eslintrc.json 파일에서 rules 의 옵션으로 다음과 같이 React 를 import 하지 않아도 경고가 뜨지 않도록 값을 지정하면 된다.

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