fix(eslint-config-ts-lib): 修复 eslint 不检测 react hooks 的依赖的缺陷

Author: liujinxing

.vscode/settings.json

@@ -2,7 +2,6 @@
   "editor.formatOnSave": true,
   "javascript.format.enable": false,
   "typescript.format.enable": false,
-  "eslint.enable": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
   },

CHANGELOG.md

@@ -1,5 +1,9 @@
 # 变更说明
 
+## v0.13.9 - 2020.10.15
+
+- fix(eslint-config-ts-lib): 修复 eslint 不检测 react hooks 的依赖的缺陷
+
 ## v0.13.8 - 2020.10.15
 
 - fix(eslint-config-ts-lib): 禁用 react/require-default-props，不推荐使用

e2e/eslint/react-hook-deps-demo.ts

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+
+export default function Demo({ open }: { open: boolean }) {
+  useEffect(() => {
+    console.log(open);
+  }, []);
+
+  return null;
+}

packages/eslint-config-ts-lib/index.js

@@ -19,10 +19,11 @@ const eslintConfig = {
   },
   extends: [
     'airbnb-typescript',
+    'plugin:react-hooks/recommended',
     'prettier',
     'prettier/@typescript-eslint',
-    'prettier/standard',
     'prettier/react',
+    'prettier/standard',
     'plugin:cypress/recommended',
   ],
   globals: {
@@ -36,7 +37,7 @@ const eslintConfig = {
     ecmaVersion: 2019,
     sourceType: 'module',
   },
-  plugins: ['@typescript-eslint', 'prettier', 'cypress'],
+  plugins: ['@typescript-eslint', 'prettier', 'cypress', 'react-hooks'],
   settings: {
     'import/extensions': ['.js', '.jsx', '.ts', '.tsx', '.json', '.mjs'],
     'import/ignore': ['.css$', '.png$', '.jpg$', '.svg'],