use generateUidIdentifier

Author: Huliiiiii

packages/babel-plugin-lingui-macro/src/index.ts

@@ -245,7 +245,8 @@ export default function ({
                     ),
                     transformElement:
                       config.macro.jsxRuntime === "solid"
-                        ? wrapJsxElementAsComponent
+                        ? (value) =>
+                            wrapJsxElementAsComponent(value, path.scope)
                         : undefined,
                     isLinguiIdentifier: (node: Identifier, macro) =>
                       isLinguiIdentifier(path, node, macro),

packages/babel-plugin-lingui-macro/src/messageDescriptorUtils.ts

@@ -5,6 +5,7 @@ import {
   ObjectExpression,
   Expression,
 } from "@babel/types"
+import type { Scope } from "@babel/traverse"
 import { EXTRACT_MARK, MsgDescriptorPropKey } from "./constants"
 import * as types from "@babel/types"
 import { generateMessageId } from "@lingui/message-utils/generateMessageId"
@@ -166,12 +167,15 @@ function createValuesProperty(key: string, values: Record<string, Expression>) {
   )
 }
 
-export function wrapJsxElementAsComponent(value: Expression): Expression {
+export function wrapJsxElementAsComponent(
+  value: Expression,
+  scope: Scope,
+): Expression {
   if (!types.isJSXElement(value)) {
     return value
   }
 
-  const props = types.identifier("props")
+  const props = scope.generateUidIdentifier("props")
 
   return types.arrowFunctionExpression(
     [props],

packages/babel-plugin-lingui-macro/test/__snapshots__/jsx-trans.test.ts.snap

@@ -1019,7 +1019,7 @@ import { Trans as _Trans } from "@lingui/solid";
       id: "lqG909",
       message: "Hello <0>docs</0>.",
       components: {
-        0: (props) => <a href="/docs" {...props} />,
+        0: (_props) => <a href="/docs" {..._props} />,
       },
     }
   }