ESLint를 사용하던 중 no-unused-vars error 관련해서 공유하고 싶은 사항이 있어 이슈 남깁니다.
실제 브라우저상에서 실행시켰을 때에는 콘솔에 warning이 나오지 않지만
ESLint를 실행시켰을 때에만 no-unused-vars 이 생기는 경우가 있는데,
알아보니 React에서 사용하는 jsx로 처리된 변수들은 shadowing이 되어 ESLint가 찾지 못해 발생하는 문제라고 합니다.
해결방법은 .eslintrc 파일의 extends 부분에
plugin:react/recommended
를 추가하면 된다고 하네요.
ESLint를 사용하던 중 no-unused-vars error 관련해서 공유하고 싶은 사항이 있어 이슈 남깁니다.
실제 브라우저상에서 실행시켰을 때에는 콘솔에 warning이 나오지 않지만 ESLint를 실행시켰을 때에만 no-unused-vars 이 생기는 경우가 있는데, 알아보니 React에서 사용하는 jsx로 처리된 변수들은 shadowing이 되어 ESLint가 찾지 못해 발생하는 문제라고 합니다.
해결방법은 .eslintrc 파일의 extends 부분에 plugin:react/recommended 를 추가하면 된다고 하네요.
extends: ["eslint:recommended", "plugin:react/recommended"]
혹시 ESLint 사용과 관련해 비슷한 문제를 겪는 분들은 참고하시면 좋을 것 같습니다.