feat(lint): add react-hooks to eslint rules

BREAKING CHANGE: For react projects, you now have to install the eslint-plugin-react-hooks package
GabeDuarteM · Mar 13, 2019 · 268a093 · 268a093
1 parent 7d25077
commit 268a093
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/eslint/createConfig.js b/eslint/createConfig.js
@@ -12,6 +12,7 @@ module.exports = (isTypescript, isWeb) => {
     'babel',
     isWeb && 'react',
     isWeb && 'jsx-a11y',
+    isWeb && 'react-hooks',
   ].filter(Boolean)
 
   const parserOptions = {
@@ -440,6 +441,11 @@ module.exports = (isTypescript, isWeb) => {
     'jsx-a11y/tabindex-no-positive': 'error',
   }
 
+  const reactHooksPlugin = isWeb && {
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+  }
+
   const rules = {
     ...possibleErrors,
     ...bestPractices,
@@ -450,6 +456,7 @@ module.exports = (isTypescript, isWeb) => {
     ...importPlugin,
     ...typescriptPlugin,
     ...reactPlugin,
+    ...reactHooksPlugin,
     ...a11yPlugin,
   }