migrate to eslint 9

eslint.config.mjs

@@ -0,0 +1,59 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactPlugin from 'eslint-plugin-react';
+import babelParser from '@babel/eslint-parser';
+import prettierPlugin from 'eslint-plugin-prettier/recommended';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import importPlugin from 'eslint-plugin-import-x';
+
+export default [
+  js.configs.recommended,
+  importPlugin.flatConfigs.recommended,
+  importPlugin.flatConfigs.react,
+  {
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': reactHooksPlugin
+    },
+    languageOptions: {
+      globals: globals.browser,
+      parser: babelParser,
+      parserOptions: {
+        requireConfigFile: false,
+        babelOptions: {
+          presets: [
+            [
+              'babel-preset-gatsby',
+              {
+                reactRuntime: 'automatic'
+              }
+            ]
+          ]
+        }
+      }
+    },
+    rules: {
+      ...reactPlugin.configs.recommended.rules,
+      ...reactHooksPlugin.configs.recommended.rules,
+      'react/jsx-uses-react': 0,
+      'react/react-in-jsx-scope': 0
+    },
+    settings: {
+      react: {
+        version: 'detect'
+      },
+      'import-x/resolver': {
+        node: {
+          paths: ['./src/']
+        }
+      }
+    }
+  },
+  {
+    files: ['gatsby-*.js'],
+    languageOptions: {
+      globals: globals.node
+    }
+  },
+  prettierPlugin
+];