[eslint, react] eslint-disable-next-line 에러 표기 뜰 때

내 경우 태그를 사용하면 line을 떨어뜨릴때가 있는데, eslint를 적용하면서 위의 경고가 생겼다.

=> eslint-disable-next-line react/react-in-jsx-scope

마우스를 올려보니 다음과 같이 표기

 

다음과 같이 주석을 붙이면 경고메세지가 사라지긴 한다.

 

그러나 매번 이렇게 붙일 수 없으니 근본적 문제를 해결해야 했는데, 살펴보니 설정에서 off하면 된다.

.eslintrc 을 열어 rule 부분에 다음을 추가한다

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

 

이제 다시 돌아가보면 경고메세지가 사라짐을 알 수 있다.

 

 

끝.