chore: bump ESLint and Prettier

Author: nschonni

.eslintrc.js

@@ -1,50 +1,71 @@
 module.exports = {
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  extends: [
-    'airbnb',
-    'plugin:react/recommended',
-    'plugin:@typescript-eslint/recommended',
-    'prettier/@typescript-eslint',
-    'prettier/react',
-    'plugin:prettier/recommended',
-    'plugin:testing-library/recommended',
-    'plugin:jsx-a11y/recommended',
-  ],
-  settings: {
-    react: {
-      version: 'detect',
-    },
-    'import/resolver': {
-      typescript: {},
-    },
-  },
+  extends: ['airbnb', 'plugin:prettier/recommended'],
   env: {
     browser: true,
     node: true,
-    jest: true,
-  },
-  rules: {
-    'react/no-unused-prop-types': 'off',
-    'react/require-default-props': 'off',
-    'react/jsx-filename-extension': 'off',
-    'react-hooks/rules-of-hooks': 'error',
-    'react-hooks/exhaustive-deps': 'warn',
-    'import/prefer-default-export': 'off',
-    'import/extensions': 'off',
-    'consistent-return': 'off',
-    'react/no-danger': 'off',
   },
-  plugins: ['@typescript-eslint', 'react-hooks'],
   overrides: [
     {
-      files: ['**/*.js'],
+      files: ['**/*.tsx'],
+      plugins: ['@typescript-eslint', 'react-hooks'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      extends: [
+        'plugin:@typescript-eslint/recommended',
+        'airbnb/hooks',
+        'plugin:react/recommended',
+        'plugin:jsx-a11y/recommended',
+        'plugin:prettier/recommended',
+      ],
+      settings: {
+        react: {
+          version: 'detect',
+        },
+        'import/resolver': {
+          typescript: {},
+        },
+      },
       rules: {
-        '@typescript-eslint/no-var-requires': 'off',
+        'react/no-unused-prop-types': 'off',
+        'react/require-default-props': 'off',
+        'react/jsx-filename-extension': 'off',
+        'react-hooks/rules-of-hooks': 'error',
+        'react-hooks/exhaustive-deps': 'warn',
+        'no-use-before-define': 'off',
+        '@typescript-eslint/no-use-before-define': 'warn',
+        'import/extensions': 'off',
+        'consistent-return': 'off',
+      },
+    },
+    {
+      files: ['**/*.ts'],
+      plugins: ['@typescript-eslint', 'react-hooks'],
+      parser: '@typescript-eslint/parser',
+      settings: {
+        'import/resolver': {
+          typescript: {},
+        },
+      },
+      extends: [
+        'plugin:@typescript-eslint/recommended',
+        'plugin:prettier/recommended',
+      ],
+      rules: {
+        'no-use-before-define': 'off',
+        '@typescript-eslint/no-use-before-define': 'warn',
+        'import/prefer-default-export': 'off',
+        'import/extensions': 'off',
+      },
+    },
+    {
+      files: ['test-processor.js', 'test-setup.js', 'test/**'],
+      extends: ['plugin:testing-library/recommended'],
+      env: {
+        jest: true,
       },
     },
   ],

gatsby-browser.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 exports.onRouteUpdate = () => {
   window.locations = window.locations || [document.referrer];
   window.locations.push(window.location.href);

gatsby-config.js

@@ -63,12 +63,10 @@ module.exports = {
       resolve: 'gatsby-plugin-manifest',
       options: {
         name: config.title,
-        /* eslint-disable @typescript-eslint/camelcase */
         short_name: config.title,
         start_url: '/',
         background_color: config.color,
         theme_color: config.color,
-        /* eslint-disable @typescript-eslint/camelcase */
         display: config.display,
         icon: config.icon,
       },

gatsby-node.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 // Use in this file CommonJS syntax see https://www.gatsbyjs.org/docs/migrating-from-v1-to-v2/#convert-to-either-pure-commonjs-or-pure-es6
 const path = require('path');
 const createSlug = require('./util-node/createSlug');