eslint(react-hooks/exhaustive-deps) autofix

• eslint(react-hooks/exhaustive-deps)
• useEffect, useCallback 등 종속성을 가지는 훅에서 누락된 종속성을 알려준다

auto fix

• 이전 버전에서는 autofix를 지원했는데,
• 최신 버전은 지원하지 않는다
• 나는 이전 버전을 사용해서 자동으로 종속성 업데이트해주는 것에 익숙하고 좋았었다
• 그래서 autofix 활성화하는 법을 찾아보았다
• auto fix를 활성화하려면 eslint config에 설정을 추가해준다

.eslintrc

{
  // ...
  "rules": {
    // ...
    "react-hooks/exhaustive-deps": [
      "warn",
      {
        "enableDangerousAutofixThisMayCauseInfiniteLoops": true
      }
    ]
  }
}

• enableDangerousAutofixThisMayCauseInfiniteLoops를 활성화한다

참고

• ‘exhaustive-deps’ lint rule; https://github.com/facebook/react/issues/14920
• autofix 사라짐
  • https://github.com/facebook/react/issues/16313#issuecomment-587149109
  • https://github.com/facebook/react/issues/18235
• autofix 다시 사용하기 ; https://github.com/facebook/react/issues/18235