feat: support ESLint 8.x

BREAKING CHANGE: Requires Node@^12.22.0 || ^14.17.0 || >=16.0.0
BREAKING CHANGE: Requires ESLint@^8.0.0

Author: MichaelDeBoey

.github/workflows/validate.yml

@@ -16,7 +16,7 @@ jobs:
     if: ${{ !contains(github.head_ref, 'all-contributors') }}
     strategy:
       matrix:
-        node: [10, 12, 14, 16]
+        node: [12.22.0, 12, 14.17.0, 14, '16.0', 16]
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs
@@ -50,15 +50,15 @@ jobs:
       github.ref) && github.event_name == 'push' }}
     steps:
       - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected].0
+        uses: styfle/[email protected].1
 
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v2
 
       - name: ⎔ Setup node
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
 
       - name: 📥 Download deps
         uses: bahmutov/npm-install@v1

README.md

@@ -97,17 +97,16 @@ for it.
 ### Things to know
 
 - The default config uses `@babel/eslint-parser` to support stage features that
-  ESLint doesn't support and it opts to use the `@babel/eslint-plugin` rules
+  ESLint doesn't support. It also opts to use the `@babel/eslint-plugin` rules
   over the ESLint rules to support rules for these features as well.
 - All plugins needed for rules used by these configs are dependencies of this
   module so you don't have to install anything on your own.
-- The default config actually is composed of several configurations and you can
-  use those individually. These are the configs it's using:
-  `possible-errors.js`, `best-practices.js`, `stylistic.js`, `es6/index.js`, and
-  `import/index.js`. You can use each of these configs yourself if you want to
-  leave my own personal style out of it. Also, the `es6` and `import` configs
-  each have a `possible-errors.js`, `best-practices.js`, and `stylistic.js`
-  which they are composed of as well.
+- The default config actually is composed of several configurations which can be
+  used individually. These are the configs it's using: `possible-errors.js`,
+  `best-practices.js`, `stylistic.js`, `es6/index.js`, and `import/index.js`.
+  You can use each of these configs yourself if you want to leave my own
+  personal style out of it. The `import` config also has a `possible-errors.js`,
+  `best-practices.js`, and `stylistic.js` which it is composed of as well.
 
 #### Example of highly customized config
 
@@ -116,7 +115,6 @@ module.exports = {
   extends: [
     'kentcdodds/possible-errors',
     'kentcdodds/best-practices',
-    'kentcdodds/es6/possible-errors',
     'kentcdodds/import',
     'kentcdodds/jest',
   ],

best-practices.js

@@ -19,6 +19,7 @@ module.exports = {
     'no-caller': 'error',
     'no-case-declarations': 'error',
     'no-constructor-return': 'error',
+    'no-delete-var': 'error',
     'no-div-regex': 'error',
     'no-else-return': 'off',
     'no-empty-function': 'off', // we're all grown ups here...
@@ -35,6 +36,7 @@ module.exports = {
     'no-implied-eval': 'error',
     'no-invalid-this': 'error',
     'no-iterator': 'error',
+    'no-label-var': 'error',
     'no-labels': 'error',
     'no-lone-blocks': 'error',
     'no-loop-func': 'error',
@@ -49,17 +51,32 @@ module.exports = {
     'no-param-reassign': 'off',
     'no-proto': 'error',
     'no-redeclare': 'error',
+    'no-restricted-globals': ['error', 'event', 'fdescribe'],
     'no-restricted-properties': 'off', // no ideas of what to disallow right now...
     'no-return-assign': 'error',
     'no-return-await': 'error',
     'no-script-url': 'error',
     'no-self-assign': 'error',
     'no-self-compare': 'error',
     'no-sequences': 'error',
+    'no-shadow': 'error',
+    'no-shadow-restricted-names': 'error',
     'no-throw-literal': 'error',
+    'no-undef': 'error',
+    'no-undef-init': 'error',
+    'no-undefined': 'off',
     'no-unmodified-loop-condition': 'error',
     'no-unused-expressions': 'off',
     'no-unused-labels': 'error',
+    'no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^ignored',
+        args: 'after-used',
+        ignoreRestSiblings: true,
+      },
+    ],
     'no-useless-call': 'error',
     'no-useless-catch': 'error',
     'no-useless-concat': 'error',
@@ -74,30 +91,9 @@ module.exports = {
     radix: 'error',
     'require-await': 'off',
     'require-unicode-regexp': 'off',
+    strict: 'error',
     'vars-on-top': 'error',
     yoda: 'error',
-
-    // strict
-    strict: 'error',
-
-    // variables
-    'no-delete-var': 'error',
-    'no-label-var': 'error',
-    'no-restricted-globals': ['error', 'event', 'fdescribe'],
-    'no-shadow': 'error',
-    'no-shadow-restricted-names': 'error',
-    'no-undef': 'error',
-    'no-undef-init': 'error',
-    'no-undefined': 'off',
-    'no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^ignored',
-        args: 'after-used',
-        ignoreRestSiblings: true,
-      },
-    ],
   },
   overrides: [
     {
@@ -209,8 +205,6 @@ module.exports = {
         '@typescript-eslint/switch-exhaustiveness-check': 'error',
         '@typescript-eslint/triple-slash-reference': 'error',
         '@typescript-eslint/unbound-method': 'error',
-
-        //  variables
         '@typescript-eslint/unified-signatures': 'warn',
       },
     },

jest.js

@@ -99,7 +99,7 @@ const rules = {
         'testing-library/no-await-sync-events': 'error',
         'testing-library/no-await-sync-query': 'error',
         'testing-library/no-container': 'error',
-        'testing-library/no-debug': 'error',
+        'testing-library/no-debugging-utils': 'error',
         'testing-library/no-dom-import': ['error', 'react'],
         'testing-library/no-manual-cleanup': 'error',
         'testing-library/no-node-access': 'error',

package.json

@@ -33,38 +33,38 @@
   },
   "homepage": "https://github.com/kentcdodds/eslint-config-kentcdodds#readme",
   "dependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/eslint-parser": "^7.15.4",
+    "@babel/core": "^7.16.0",
+    "@babel/eslint-parser": "^7.16.3",
     "@babel/eslint-plugin": "^7.14.5",
-    "@babel/preset-react": "^7.14.5",
-    "@typescript-eslint/eslint-plugin": "^4.30.0",
-    "@typescript-eslint/parser": "^4.30.0",
+    "@babel/preset-react": "^7.16.0",
+    "@typescript-eslint/eslint-plugin": "^5.3.1",
+    "@typescript-eslint/parser": "^5.3.1",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jest": "^24.4.0",
-    "eslint-plugin-jest-dom": "^3.9.0",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.25.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-testing-library": "^4.12.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jest": "^25.2.4",
+    "eslint-plugin-jest-dom": "^3.9.2",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-react": "^7.27.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-testing-library": "^5.0.0",
     "read-pkg-up": "^7.0.1",
     "semver": "^7.3.5"
   },
   "devDependencies": {
     "@testing-library/dom": "^7.31.2",
     "@testing-library/jest-dom": "^5.14.1",
-    "eslint": "^7.32.0",
-    "eslint-find-rules": "^3.6.1",
+    "eslint": "^8.2.0",
+    "eslint-find-rules": "^4.0.0",
     "husky": "^6.0.0",
     "jest": "^27.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.3.2",
     "pretty-quick": "^3.1.1",
     "react": "^17.0.2",
-    "typescript": "^4.4.2"
+    "typescript": "^4.4.4"
   },
   "peerDependencies": {
-    "eslint": "^7.5.0",
+    "eslint": "^8.0.0",
     "typescript": "^4.0.0"
   },
   "peerDependenciesMeta": {
@@ -81,7 +81,7 @@
     "dist"
   ],
   "engines": {
-    "node": "^10.12.0 || >=12.0.0",
+    "node": "^12.22.0 || ^14.17.0 || >=16.0.0",
     "npm": ">=6",
     "yarn": ">=1"
   }

possible-errors.js

@@ -37,13 +37,11 @@ module.exports = {
     'no-unreachable-loop': 'error',
     'no-unsafe-finally': 'error',
     'no-unsafe-negation': 'error',
+    'no-use-before-define': ['error', 'nofunc'],
     'no-useless-backreference': 'error',
     'require-atomic-updates': 'off',
     'use-isnan': 'error',
     'valid-typeof': 'error',
-
-    // variables
-    'no-use-before-define': ['error', 'nofunc'],
   },
   overrides: [
     {

stylistic.js

@@ -15,14 +15,14 @@ module.exports = {
       // camelCase, PascalCase, __filename, CONST_VALUE, stream$, $el
       '^\\$?(__)?(([A-Z]|[a-z]|[0-9]+)|([A-Z_]))*\\$?$',
     ],
+    'init-declarations': 'off',
     'line-comment-position': 'off',
     'lines-between-class-members': 'off',
     'max-depth': ['error', 4],
     'max-lines': [
       'error',
       {max: 2500, skipBlankLines: false, skipComments: false},
     ],
-
     'max-lines-per-function': 'off', // this becomes an obvious problem when it's actually a problem...
     'max-nested-callbacks': ['error', 7],
     'max-params': ['error', 7],
@@ -52,9 +52,6 @@ module.exports = {
     'sort-keys': 'off',
     'sort-vars': 'off',
     'spaced-comment': 'off',
-
-    // variables
-    'init-declarations': 'off',
   },
   overrides: [
     {