Migrate ESLint to v9 flat config

components/elements/AutocompleteSearch/AutocompleteSearch.tsx

@@ -29,7 +29,7 @@ interface SearchResult {
     sendEvent: (eventType: string, hit: ToolHit, eventName?: string) => void;
 }
 
-const Hit = (result: SearchResult) => {
+const SearchHit = (result: SearchResult) => {
     return (
         <Link href={result.hit.fields.slug}>
             <Highlight attribute="name" hit={result.hit} />
@@ -102,7 +102,7 @@ const AutocompleteSearch: FC = () => {
                         className={classNames('search-results', {
                             hidden: !showResults,
                         })}>
-                        <Hits hitComponent={Hit} />
+                        <Hits hitComponent={SearchHit} />
                     </Card>
                 </div>
             </div>

context/ToolsProvider.tsx

@@ -70,15 +70,10 @@ const INITIAL_CONTEXT: ToolsContextType = {
     tools: [],
     totalCount: 0,
     search: {},
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     setSearch: () => {},
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     updateFilter: () => {},
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     toggleFilter: () => {},
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     clearFilters: () => {},
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     setSorting: () => {},
     isSelected: () => false,
     getLanguageCount: () => 0,

eslint.config.js

@@ -0,0 +1,90 @@
+const js = require('@eslint/js');
+const reactPlugin = require('eslint-plugin-react');
+const reactHooksPlugin = require('eslint-plugin-react-hooks');
+const nextPlugin = require('@next/eslint-plugin-next');
+const tsParser = require('@typescript-eslint/parser');
+const tsPlugin = require('@typescript-eslint/eslint-plugin');
+const globals = require('globals');
+
+const jsTsFiles = ['**/*.{js,jsx,ts,tsx}'];
+const reactFiles = ['**/*.{jsx,tsx}'];
+
+const baseLanguageOptions = {
+    parser: tsParser,
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+    globals: {
+        ...globals.browser,
+        ...globals.node,
+    },
+};
+
+module.exports = [
+    {
+        ignores: [
+            '**/node_modules/**',
+            '**/.next/**',
+            '**/out/**',
+            '**/build/**',
+            '**/.cache/**',
+            '**/algolia-index.js',
+        ],
+    },
+    {
+        files: jsTsFiles,
+        languageOptions: baseLanguageOptions,
+        plugins: {
+            '@typescript-eslint': tsPlugin,
+        },
+        rules: {
+            ...js.configs.recommended.rules,
+            'no-unused-vars': 'off',
+            '@typescript-eslint/no-unused-vars': [
+                'error',
+                {
+                    argsIgnorePattern: '^_',
+                    varsIgnorePattern: '^_',
+                },
+            ],
+            '@typescript-eslint/no-empty-function': 'off',
+        },
+    },
+    {
+        files: ['**/*.{ts,tsx}'],
+        rules: {
+            'no-undef': 'off',
+        },
+    },
+    {
+        files: jsTsFiles,
+        plugins: {
+            '@next/next': nextPlugin,
+        },
+        rules: {
+            ...nextPlugin.configs['core-web-vitals'].rules,
+        },
+    },
+    {
+        files: reactFiles,
+        plugins: {
+            react: reactPlugin,
+            'react-hooks': reactHooksPlugin,
+        },
+        settings: {
+            react: {
+                version: 'detect',
+            },
+        },
+        rules: {
+            ...reactPlugin.configs.recommended.rules,
+            ...reactHooksPlugin.configs.recommended.rules,
+            'react/react-in-jsx-scope': 'off',
+            'react-hooks/set-state-in-effect': 'off',
+        },
+    },
+];