upgrade eslint plugins & configs, remove babel-eslint, adapt ESLint config

Author: derhuerst

.eslintrc.cjs

@@ -1,11 +1,16 @@
 module.exports = {
-  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module',
+    // ecmaVersion: 2020,
+    // ecmaFeatures: {
+    //   jsx: true,
+    // },
+  },
   extends: [
     'plugin:compat/recommended',
     'plugin:jsx-a11y/recommended',
     'airbnb',
-    'prettier',
-    'prettier/react',
+    'plugin:prettier/recommended',
   ],
   rules: {
     curly: ['error', 'all'],
@@ -15,10 +20,11 @@ module.exports = {
     'no-console': 'error',
     'import/no-extraneous-dependencies': 'off',
     'import/no-named-default': 'off',
+    'import/extensions': ['error', 'always'],
     // react
     'react/button-has-type': 'warn',
     'react/destructuring-assignment': 'off',
-    'react/jsx-filename-extension': ['error', { extensions: ['.js'] }],
+    // 'react/jsx-filename-extension': ['error', { extensions: ['.js'] }],
     'react/jsx-fragments': 'off',
     'react/jsx-key': 'error',
     'react/jsx-props-no-spreading': 'off',

package.json

@@ -251,7 +251,6 @@
     "autoprefixer": "9.8.6",
     "axe-core": "^4.2.1",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "10.1.0",
     "babel-loader": "8.2.5",
     "babel-plugin-inline-react-svg": "2.0.1",
     "babel-plugin-istanbul": "6.0.0",
@@ -267,16 +266,16 @@
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.4",
     "enzyme-wait": "1.0.9",
-    "eslint": "7.8.1",
-    "eslint-config-airbnb": "18.2.0",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-import-resolver-webpack": "0.12.2",
-    "eslint-plugin-compat": "3.8.0",
+    "eslint": "^8.37.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-import-resolver-webpack": "^0.13.2",
+    "eslint-plugin-compat": "^4.1.2",
     "eslint-plugin-graphql": "4.0.0",
-    "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-jsx-a11y": "6.3.1",
-    "eslint-plugin-prettier": "3.1.4",
-    "eslint-plugin-react": "7.20.6",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4 || ^3 || ^2.3.0 || ^1.7.0",
     "favicons-webpack-plugin": "^4.2.0",
     "fetch-mock": "9.10.7",