fix(babel): Extract text from non-text wrapper elements inside text components

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

Author: antonis

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

@@ -790,6 +790,7 @@ function extractTextFromTextComponent(
         if (innerTexts === null) {
           return null;
         }
+        texts.push(...innerTexts);
       }
     } else if (t.isJSXFragment(child)) {
       const innerTexts = extractTextFromTextComponent(t, child, textComponentNames);

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

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