패키지 간의 충돌 오류

커스텀 환경구성을 한 후에 npm install 을 하니 오류가 났다.
eslint 버전이랑 eslint hook이 지원할 수 있는 버전이랑 안 맞는다는 것.

npm install       
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: vite-custom-template-react@0.0.1
npm error Found: eslint@9.8.0
npm error node_modules/eslint
npm error   dev eslint@"9.x" from the root project
npm error
npm error Could not resolve dependency:
npm error peer eslint@"^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0" from eslint-plugin-react-hooks@4.6.2
ㅇnpm error node_modules/eslint-plugin-react-hooks
npm error   dev eslint-plugin-react-hooks@"^4.6.2" from the root project

eslint-plugin-react-hooks이 ESLint의 3.0.0부터 8.0.0-0 버전까지만 지원한다고 한다.

해결방법은

1. eslint 버전 다운그레이드

{
  "devDependencies": {
    "eslint": "^8.38.0"
  }
}

2. .npmrc 파일을 만들어서 legacy-peer-deps=true 추가하기

최근에

"eslint-plugin-react-hooks": "^5.1.0-rc.0",

으로 바꿨더니 npmrc 파일을 넣지 않아도 원활하게 인스톨됐다!
( + ) 3.hook 버전 업그레이드하기!