Fix Babel plugin crash when handling unresolved component names

Author: cdn34dd

packages/react-native-babel-plugin/src/actions/rum/index.ts

@@ -237,8 +237,10 @@ function jsxChildToRuntimeCall(
                         : t.memberExpression(obj, t.identifier(prop)),
                 (null as unknown) as Babel.types.Expression
             );
+        } else if (elementName) {
+            nameNode = t.identifier(elementName);
         } else {
-            nameNode = t.identifier(elementName || 'unknown');
+            nameNode = addNamed(programPath, 'Fragment', 'react/jsx-runtime');
         }
 
         // Convert props to an object

packages/react-native-babel-plugin/test/plugin.test.ts

@@ -1643,4 +1643,39 @@ describe('Babel plugin: wrap interaction handlers for RUM ( with memoization )',
             }"
         `);
     });
+
+    it('should use Fragment instead of unknown for unresolved component names in getContent', () => {
+        const options: Partial<PluginOptions> = {
+            components: {
+                useContent: true,
+                useNamePrefix: true,
+                tracked: [
+                    {
+                        name: 'Card',
+                        handlers: [{ event: 'onPress', action: 'TAP' }]
+                    }
+                ]
+            }
+        };
+
+        const input = `
+            import { View, Text } from 'react-native';
+            function Card({ children, onPress }: any) {
+                return <View onPress={onPress}>{children}</View>;
+            }
+            Card.Title = ({ children }: any) => <Text>{children}</Text>;
+
+            function Screen() {
+                return (
+                    <Card onPress={() => {}}>
+                        <Card.Title>Welcome</Card.Title>
+                    </Card>
+                );
+            }
+        `;
+
+        const output = transformCode(input, options);
+        expect(output).not.toContain('(unknown,');
+        expect(output).toContain('_Fragment');
+    });
 });