feat(no-use-context): improve auto-fix output format

Author: Rel1cx

packages/plugins/eslint-plugin-react-x/src/rules/no-use-context.spec.ts

@@ -71,7 +71,61 @@ ruleTester.run(RULE_NAME, rule, {
         { messageId: "noUseContext" },
       ],
       output: /* tsx */ `
-        import { use  } from 'react'
+        import { use } from 'react'
+
+        export const Component = () => {
+          const value = use(MyContext)
+          return <div>{value}</div>
+        }
+      `,
+      settings: {
+        "react-x": {
+          version: "19.0.0",
+        },
+      },
+    },
+    {
+      code: /* tsx */ `
+        import { use, useContext, useState } from 'react'
+
+        export const Component = () => {
+          const value = useContext(MyContext)
+          return <div>{value}</div>
+        }
+      `,
+      errors: [
+        { messageId: "noUseContext" },
+        { messageId: "noUseContext" },
+      ],
+      output: /* tsx */ `
+        import { use, useState } from 'react'
+
+        export const Component = () => {
+          const value = use(MyContext)
+          return <div>{value}</div>
+        }
+      `,
+      settings: {
+        "react-x": {
+          version: "19.0.0",
+        },
+      },
+    },
+    {
+      code: /* tsx */ `
+        import {use,useContext,useState} from 'react'
+
+        export const Component = () => {
+          const value = useContext(MyContext)
+          return <div>{value}</div>
+        }
+      `,
+      errors: [
+        { messageId: "noUseContext" },
+        { messageId: "noUseContext" },
+      ],
+      output: /* tsx */ `
+        import {use,useState} from 'react'
 
         export const Component = () => {
           const value = use(MyContext)

packages/plugins/eslint-plugin-react-x/src/rules/no-use-context.ts

@@ -86,8 +86,12 @@ export default createRule<[], MessageID>({
               node: specifier,
               fix(fixer) {
                 if (isUseImported) {
+                  const tokenBefore = context.sourceCode.getTokenBefore(specifier);
                   return [
                     fixer.remove(specifier),
+                    ...tokenBefore?.value === ","
+                      ? [fixer.replaceTextRange([tokenBefore.range[1], specifier.range[0]], "")]
+                      : [],
                     ...getAssociatedTokens(
                       context,
                       specifier,