fix eslint and update eslint to 8.0.0

.eslintrc.js

@@ -8,18 +8,20 @@ module.exports = {
   },
   extends: [
     'eslint:recommended',
-    'kentcdodds/best-practices',
-    'kentcdodds/es6/possible-errors',
+    // 'kentcdodds/best-practices',
+    // 'kentcdodds/es6/possible-errors',
+    'kentcdodds',
+    // 'kentcdodds/react',
     'kentcdodds/import',
     'kentcdodds/jest',
-    'kentcdodds/possible-errors',
+    // 'kentcdodds/possible-errors',
+    // 'plugin:@typescript-eslint/recommended',
     'plugin:jest-dom/recommended',
-    'plugin:@typescript-eslint/recommended',
     'plugin:import/errors',
     'plugin:import/typescript',
     'plugin:prettier/recommended',
     'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
+    // 'plugin:react/jsx-runtime',
     'plugin:typescript-sort-keys/recommended',
     'plugin:react-hooks/recommended',
   ],
@@ -36,7 +38,7 @@ module.exports = {
     ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
     sourceType: 'module', // Allows for the use of imports
   },
-  plugins: ['react', '@typescript-eslint', 'typescript-sort-keys', 'sort-keys-fix'],
+  plugins: ['react', 'typescript-sort-keys', 'sort-keys-fix'],
   rules: {
     'no-await-in-loop': 'off',
     'prettier/prettier': 'error',