fix(react-x): report no-class-component on class name, closes #1932

Highlight the class identifier instead of the whole class body. For a
class expression, report on the variable name; for an anonymous class,
report on the `class` keyword.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: ankitprahladsoni

plugins/eslint-plugin-react-x/src/rules/no-class-component/no-class-component.spec.ts

@@ -278,6 +278,69 @@ ruleTester.run(RULE_NAME, rule, {
         },
       ],
     },
+    {
+      name: "class component reported on the class name only",
+      code: tsx`
+        class ParentComponent extends React.Component {
+          render() {
+            return <div />;
+          }
+        }
+      `,
+      errors: [
+        {
+          column: 7,
+          data: {
+            name: "ParentComponent",
+          },
+          endColumn: 22,
+          endLine: 1,
+          line: 1,
+          messageId: "default",
+        },
+      ],
+    },
+    {
+      name: "class component assigned to a variable reported on the variable name",
+      code: tsx`
+        const ParentComponent = class extends React.Component {
+          render() {
+            return <div />;
+          }
+        };
+      `,
+      errors: [
+        {
+          column: 7,
+          data: {
+            name: "ParentComponent",
+          },
+          endColumn: 22,
+          endLine: 1,
+          line: 1,
+          messageId: "default",
+        },
+      ],
+    },
+    {
+      name: "anonymous class component reported on the class keyword",
+      code: tsx`
+        export default class extends React.Component {
+          render() {
+            return <div />;
+          }
+        }
+      `,
+      errors: [
+        {
+          column: 16,
+          endColumn: 21,
+          endLine: 1,
+          line: 1,
+          messageId: "default",
+        },
+      ],
+    },
     {
       name: "error boundary with static componentDidCatch",
       code: tsx`

plugins/eslint-plugin-react-x/src/rules/no-class-component/no-class-component.ts

@@ -32,14 +32,18 @@ export function create(context: RuleContext<MessageID, []>): RuleListener {
     visitor,
     {
       "Program:exit"(program) {
-        for (const { name = "anonymous", node: component } of api.getAllComponents(program)) {
+        for (const { id, name = "anonymous", node: component } of api.getAllComponents(program)) {
           if (component.body.body.some((m) => core.isComponentDidCatch(m) || core.isGetDerivedStateFromError(m))) {
             continue;
           }
+          const classToken = context.sourceCode.getFirstToken(component, {
+            filter: (token) => token.value === "class",
+          });
           context.report({
             data: {
               name,
             },
+            loc: (id ?? classToken ?? component).loc,
             messageId: "default",
             node: component,
           });