fix: use smaller error marker range in hooks-extra/no-unnecessary-use-prefix to reduce visual noise (#1063)

Author: Rel1cx

.vscode/settings.json

@@ -30,6 +30,10 @@
       "mode": "auto"
     }
   ],
+  "eslint.rules.customizations": [
+    { "rule": "@eslint-react/debug/*", "severity": "info" },
+    { "rule": "@eslint-react/hooks-extra/no-unnecessary-use-prefix", "severity": "info" }
+  ],
   "files.exclude": {
     "**/.zed": true,
     "*.bundled_*.mjs": true

examples/next-app/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.rules.customizations": [
+    { "rule": "@eslint-react/debug/*", "severity": "info" },
+    { "rule": "@eslint-react/hooks-extra/no-unnecessary-use-prefix", "severity": "info" }
+  ]
+}

examples/vite-react-dom-app/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.rules.customizations": [
+    { "rule": "@eslint-react/debug/*", "severity": "info" },
+    { "rule": "@eslint-react/hooks-extra/no-unnecessary-use-prefix", "severity": "info" }
+  ]
+}

examples/vite-react-dom-app/eslint.config.js

@@ -58,7 +58,6 @@ export default tseslint.config(
     },
     rules: {
       ...eslintPluginReactHooks.configs.recommended.rules,
-      "@eslint-react/debug/jsx": "warn",
     },
   },
 );

examples/vite-react-dom-js-app/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.rules.customizations": [
+    { "rule": "@eslint-react/debug/*", "severity": "info" },
+    { "rule": "@eslint-react/hooks-extra/no-unnecessary-use-prefix", "severity": "info" }
+  ]
+}

examples/vite-react-dom-js-with-babel-eslint-parser-app/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.rules.customizations": [
+    { "rule": "@eslint-react/debug/*", "severity": "info" },
+    { "rule": "@eslint-react/hooks-extra/no-unnecessary-use-prefix", "severity": "info" }
+  ]
+}

examples/vite-react-dom-with-ts-blank-eslint-parser-app/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "eslint.rules.customizations": [
+    { "rule": "@eslint-react/debug/*", "severity": "info" },
+    { "rule": "@eslint-react/hooks-extra/no-unnecessary-use-prefix", "severity": "info" }
+  ]
+}

packages/plugins/eslint-plugin-react-hooks-extra/src/rules/no-unnecessary-use-prefix.ts

@@ -46,7 +46,7 @@ export function create(context: RuleContext<MessageID, []>): RuleListener {
     ...listeners,
     "Program:exit"(program) {
       const allHooks = ctx.getAllHooks(program);
-      for (const { name, node, hookCalls } of allHooks.values()) {
+      for (const { id, name, node, hookCalls } of allHooks.values()) {
         // Skip empty functions
         if (AST.isEmptyFunction(node)) {
           continue;
@@ -61,7 +61,7 @@ export function create(context: RuleContext<MessageID, []>): RuleListener {
         }
         context.report({
           messageId: "noUnnecessaryUsePrefix",
-          node,
+          node: id ?? node,
           data: {
             name,
           },