<aside> 💻 사건의 발단…

</aside>

• 해당 명령어로 eslint 관련 패키지와 eslint 를 설치를 했습니다.

yarn add -D eslint

yarn add -D eslint-config-prettier eslint-plugin-prettier eslint-plugin-import 
eslint-plugin-react eslint-plugin-react-hooks 
eslint-plugin-jsx-a11y eslint-plugin-simple-import-sort 
@typescript-eslint/eslint-plugin @typescript-eslint/parser 
eslint-import-resolver-node

• 그러고 eslint 가 잘 동작이 되나 실행하니까… warning 메세지가 와다다 발생.
• @typescript-eslint와 eslint-plugin-react-hooks 등의 패키지가 현재 설치된 ESLint 버전과 호환되지 않는다는 경고 메세지였습니다.

• 이는 패키지 간의 의존성 버전이 맞지 않을 때 발생하는 것으로 추정했습니다.

<aside> 😇 해결

</aside>

eslint가 최근에 9.0.0으로 업데이트 되면서 여러가지 종속성이랑 충돌발생한다는 것을 서진언니 아티클을 통해 알게 되었습니다!

경고메세지를 읽어 보니, “@typescript-eslint/eslint-plugin, @typescript-eslint/parser, @typescript-eslint/type-utils, @typescript-eslint/utils 패키지가 eslint@^8.56.0 버전을 요구” 하는 것으로 알게 되었습니다.

따라서 원하는 데로 9.0.0이던 것을 eslint@^8.56.0 버전으로 다운그레이드 해줬습니다.

yarn add [email protected]

그랬더니 정상적으로 적용되면서 버전 종속성 충돌 오류 해결!!