fix(babel): Handle JSXFragment children inside text components

Fragments inside text components (e.g. <Text>Hello <>World</> more</Text>)
were silently dropped, producing partial labels. Now extractTextFromTextComponent
recurses into fragment children the same way extractStaticTextFromChildren does.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: antonis

packages/babel-plugin-component-annotate/src/index.ts

@@ -755,7 +755,7 @@ function extractStaticTextFromChildren(
  */
 function extractTextFromTextComponent(
   t: typeof Babel.types,
-  node: Babel.types.JSXElement,
+  node: Babel.types.JSXElement | Babel.types.JSXFragment,
   textComponentNames: string[]
 ): string[] | null {
   const texts: string[] = [];
@@ -779,6 +779,12 @@ function extractTextFromTextComponent(
         }
         texts.push(...innerTexts);
       }
+    } else if (t.isJSXFragment(child)) {
+      const innerTexts = extractTextFromTextComponent(t, child, textComponentNames);
+      if (innerTexts === null) {
+        return null;
+      }
+      texts.push(...innerTexts);
     } else if (t.isJSXSpreadChild(child)) {
       return null;
     }

packages/babel-plugin-component-annotate/test/sentry-label.test.ts

@@ -533,6 +533,22 @@ describe("autoInjectSentryLabel", () => {
       expect(result?.code).toContain('"sentry-label": "Hello world"');
     });
 
+    it("extracts text from fragment children inside Text", () => {
+      const result = transformWith(`
+        import React from 'react';
+        import { Text, View } from 'react-native';
+
+        export default function MyComponent() {
+          return (
+            <View>
+              <Text>Hello <>World</> more</Text>
+            </View>
+          );
+        }
+      `);
+      expect(result?.code).toContain('"sentry-label": "Hello World more"');
+    });
+
     it("handles Text wrapping only a non-text element", () => {
       const result = transformWith(`
         import React from 'react';