chore(deps): update dependency eslint to v9 (#920)

* chore(deps): update dependency eslint to v9

* chore: fix eslint

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Daniel Tschinder <231804+danez@users.noreply.github.com>

Author: renovate[bot]

.eslintignore

@@ -0,0 +1,97 @@
+import { globalIgnores } from 'eslint/config';
+import globals from 'globals';
+import js from '@eslint/js';
+import prettierRecommended from 'eslint-plugin-prettier/recommended';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config([
+  globalIgnores([
+    'benchmark/suites/',
+    '**/__fixtures__/',
+    '**/dist/',
+    '**/.nx/',
+    '**/coverage',
+    '**/node_modules',
+  ]),
+  js.configs.recommended,
+  {
+    files: ['**/*.js', '**/*.mjs', '**/*.cjs', '**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+
+      ecmaVersion: 2022,
+      sourceType: 'module',
+    },
+
+    rules: {
+      'no-shadow': 'error',
+      'no-var': 'error',
+
+      'padding-line-between-statements': [
+        'error',
+        {
+          blankLine: 'always',
+          prev: '*',
+          next: 'return',
+        },
+        {
+          blankLine: 'always',
+          prev: ['const', 'let', 'var'],
+          next: '*',
+        },
+        {
+          blankLine: 'any',
+          prev: ['const', 'let', 'var'],
+          next: ['const', 'let', 'var'],
+        },
+        {
+          blankLine: 'never',
+          prev: ['import'],
+          next: ['import'],
+        },
+      ],
+
+      'prefer-const': 'error',
+    },
+  },
+  {
+    files: ['**/*.cjs'],
+
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: 'script',
+    },
+
+    rules: {
+      strict: ['error', 'global'],
+    },
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+
+    extends: [
+      tseslint.configs.recommended,
+      tseslint.configs.strict,
+      tseslint.configs.stylistic,
+    ],
+
+    rules: {
+      'no-shadow': 'off',
+      '@typescript-eslint/no-shadow': 'error',
+
+      '@typescript-eslint/array-type': [
+        'error',
+        {
+          default: 'array-simple',
+        },
+      ],
+
+      '@typescript-eslint/consistent-type-imports': 'error',
+      '@typescript-eslint/no-non-null-assertion': 'off',
+      '@typescript-eslint/sort-type-constituents': 'error',
+    },
+  },
+  prettierRecommended,
+]);

.eslintrc.cjs

@@ -6,8 +6,8 @@
   },
   "scripts": {
     "build": "nx run-many --target=build --exclude='@react-docgen-internal/*'",
-    "lint": "eslint . --ext .js,.cjs,.mjs,.ts,.tsx --report-unused-disable-directives --max-warnings=0",
-    "fix": "eslint . --ext .js,.cjs,.mjs,.ts,.tsx --fix --report-unused-disable-directives --max-warnings=0",
+    "lint": "eslint . --flag unstable_config_lookup_from_file --report-unused-disable-directives --max-warnings=0",
+    "fix": "eslint . --flag unstable_config_lookup_from_file --fix --report-unused-disable-directives --max-warnings=0",
     "test": "nx run-many --target=test --exclude='@react-docgen-internal/*' --output-style=stream",
     "copy:changelog:react-docgen": "cp ./packages/react-docgen/CHANGELOG.md ./packages/website/src/pages/docs/release-notes/react-docgen.mdx",
     "copy:changelog:cli": "cp ./packages/react-docgen-cli/CHANGELOG.md ./packages/website/src/pages/docs/release-notes/cli.mdx",
@@ -18,22 +18,24 @@
   "devDependencies": {
     "@changesets/changelog-github": "0.5.1",
     "@changesets/cli": "2.28.1",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.24.0",
     "@types/node": "20.17.30",
-    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.18.0",
     "@vitest/coverage-v8": "3.1.1",
     "cpy": "11.1.0",
-    "eslint": "8.57.1",
+    "eslint": "9.24.0",
     "eslint-config-next": "15.2.4",
     "eslint-config-prettier": "10.1.1",
     "eslint-plugin-prettier": "5.2.6",
     "execa": "7.2.0",
+    "globals": "^16.0.0",
     "nx": "20.7.1",
     "prettier": "3.5.3",
     "prettier-plugin-tailwindcss": "0.6.11",
     "rimraf": "6.0.1",
     "tempy": "3.1.0",
     "typescript": "5.8.3",
+    "typescript-eslint": "^8.29.0",
     "vitest": "3.1.1"
   },
   "packageManager": "pnpm@10.7.1"

eslint.config.mjs

@@ -238,7 +238,7 @@ export default function makeFsImporter(
           }
         }
 
-        state.resultPath ? path.stop() : path.skip();
+        return state.resultPath ? path.stop() : path.skip();
       },
     },
     ExportDefaultDeclaration: {

package.json

@@ -27,7 +27,6 @@ export default function getMembers(
   let argumentPaths: NodePath[] = [];
   let resultPath: MemberDescriptor['path'] = path as NodePath<Expression>;
 
-  // eslint-disable-next-line no-constant-condition
   while (true) {
     if (resultPath.isMemberExpression()) {
       const property = resultPath.get('property');

packages/react-docgen/src/importer/makeFsImporter.ts

@@ -0,0 +1,28 @@
+import path from 'node:path';
+import { globalIgnores } from 'eslint/config';
+import { fileURLToPath } from 'node:url';
+import { FlatCompat } from '@eslint/eslintrc';
+import tseslint from 'typescript-eslint';
+import baseConfig from '../../eslint.config.mjs';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+export default tseslint.config([
+  globalIgnores(['**/.next/']),
+  ...baseConfig,
+  ...compat.config({
+    extends: ['next/core-web-vitals'],
+    settings: {
+      next: {
+        rootDir: __dirname,
+      },
+    },
+    rules: {
+      'import/no-anonymous-default-export': 'off',
+    },
+  }),
+]);

packages/react-docgen/src/utils/getMembers.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

packages/website/.eslintrc.cjs

@@ -3,7 +3,7 @@ import { Callout } from 'nextra/components';
 export default function ContentMissing() {
   return (
     <Callout emoji="ℹ️" type="info">
-      This content hasn't been created yet.
+      This content hasn&apos;t been created yet.
     </Callout>
   );
 }

packages/website/eslint.config.mjs

@@ -44,6 +44,7 @@ export default function Panel({
   let changeHandler;
 
   if (onChange) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     changeHandler = useCallback(onChange, []);
   }
 

packages/website/next-env.d.ts

@@ -8,19 +8,24 @@ interface Props {
   };
 }
 
-export default ({ user }: Props) => (
-  <div className="box-border w-full px-4 md:w-1/3">
-    <a
-      href={user.url}
-      rel="noopener noreferrer"
-      target="_blank"
-      className="relative my-3.5 block h-32 rounded-md bg-white px-2.5 hover:scale-105 hover:shadow-md md:hover:scale-110 dark:bg-gray-50/10"
-    >
-      <Image
-        src={require(`./logos/${user.logo}`)}
-        alt={user.name}
-        className="absolute left-1/2 top-1/2 max-h-[100px] w-[128px] max-w-[200px] -translate-x-1/2 -translate-y-1/2"
-      />
-    </a>
-  </div>
-);
+export default function User({ user }: Props) {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  const logo = require(`./logos/${user.logo}`);
+
+  return (
+    <div className="box-border w-full px-4 md:w-1/3">
+      <a
+        href={user.url}
+        rel="noopener noreferrer"
+        target="_blank"
+        className="relative my-3.5 block h-32 rounded-md bg-white px-2.5 hover:scale-105 hover:shadow-md md:hover:scale-110 dark:bg-gray-50/10"
+      >
+        <Image
+          src={logo}
+          alt={user.name}
+          className="absolute left-1/2 top-1/2 max-h-[100px] w-[128px] max-w-[200px] -translate-x-1/2 -translate-y-1/2"
+        />
+      </a>
+    </div>
+  );
+}

packages/website/src/components/ContentMissing.tsx

@@ -5,12 +5,14 @@ interface Props {
   category: string;
 }
 
-export default ({ category: filterCategory }: Props) => (
-  <div className="flex flex-row flex-wrap items-center justify-center rounded-md bg-gray-300 px-7 py-5 dark:bg-gray-50/10">
-    {users
-      .filter(({ category }) => category === filterCategory)
-      .map((user) => (
-        <User user={user} key={user.name} />
-      ))}
-  </div>
-);
+export default function UserList({ category: filterCategory }: Props) {
+  return (
+    <div className="flex flex-row flex-wrap items-center justify-center rounded-md bg-gray-300 px-7 py-5 dark:bg-gray-50/10">
+      {users
+        .filter(({ category }) => category === filterCategory)
+        .map((user) => (
+          <User user={user} key={user.name} />
+        ))}
+    </div>
+  );
+}

packages/website/src/components/playground/Panel.tsx

@@ -14,7 +14,9 @@ const config: DocsThemeConfig = {
     content: '',
   },
   head() {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const { frontMatter, title } = useConfig();
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const { route } = useRouter();
 
     const description =