Chore: update eslint config as consist

Author: black7375

examples/react-babel/eslint.config.js

@@ -1,29 +1,58 @@
-import { defineConfig } from "eslint/config";
-import js from '@eslint/js'
+import { resolve } from "node:path";
+import { cwd } from "node:process";
 import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig } from "eslint/config";
+import eslint from '@eslint/js'
 import tseslint from 'typescript-eslint'
+import tsParser from "@typescript-eslint/parser";
+import reactRefreshPlugin from 'eslint-plugin-react-refresh'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+
+const PACKAGE_ROOT = resolve(cwd());
 
 export default defineConfig(
-  { ignores: ['dist'] },
+   eslint.configs.recommended,
+   ...tseslint.configs.recommended,
+  reactHooksPlugin.configs.flat.recommended,
+  {
+    languageOptions: {
+      parserOptions: {
+        tsconfigRootDir: PACKAGE_ROOT,
+        projectService: true,
+      },
+    },
+  },
   {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
     files: ['**/*.{ts,tsx}'],
     languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
+      parser: tsParser,
+      parserOptions: {
+        project: ["tsconfig.json"],
+        tsconfigRootDir: cwd(),
+        projectService: true,
+
+        ecmaVersion: "latest",
+        sourceType: "module",
+        globals: { ...globals.browser, ...globals.es2020 },
+      }
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      'react-hooks': reactHooksPlugin,
+      'react-refresh': reactRefreshPlugin,
     },
     rules: {
-      ...reactHooks.configs.recommended.rules,
+      ...reactHooksPlugin.configs.recommended.rules,
       'react-refresh/only-export-components': [
         'warn',
         { allowConstantExport: true },
       ],
     },
   },
+  {
+    files: ["*.js", "*.cjs", "*.mjs"],
+    extends: [tseslint.configs.disableTypeChecked],
+  },
+  {
+    ignores: ["dist/**"],
+  },
 )

examples/react-babel/package.json

@@ -41,6 +41,7 @@
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@types/scheduler": "^0.26.0",
+    "@typescript-eslint/parser": "^8.46.2",
     "@vitejs/plugin-react": "^5.0.4",
     "eslint": "^9.38.0",
     "eslint-plugin-react-hooks": "^7.0.0",

examples/react-swc/eslint.config.js

@@ -40,6 +40,7 @@ export default defineConfig(
       "react-hooks": reactHooksPlugin,
     },
     rules: {
+      ...reactHooksPlugin.configs.recommended.rules,
       "react-refresh/only-export-components": [
         "warn",
         { allowConstantExport: true },

yarn.lock

@@ -5816,6 +5816,7 @@ __metadata:
     "@types/react": "npm:^19.2.2"
     "@types/react-dom": "npm:^19.2.2"
     "@types/scheduler": "npm:^0.26.0"
+    "@typescript-eslint/parser": "npm:^8.46.2"
     "@vanilla-extract/css": "npm:^1.17.4"
     "@vanilla-extract/css-utils": "npm:^0.1.6"
     "@vanilla-extract/private": "npm:^1.0.9"