fix(react): make children `undefined` with `experimentalReactChildren` (#9141)

* add test script

* make children `undefined` with self-closing tags

* add changeset

* refactor: simplify

1 files changed, 15 insertions, 0 deletions

diff --git a/packages/integrations/react/test/parsed-react-children.test.js b/packages/integrations/react/test/parsed-react-children.test.js
new file mode 100644
index 000000000..876897c95
--- /dev/null
+++ b/packages/integrations/react/test/parsed-react-children.test.js
@@ -0,0 +1,15 @@
+import { expect } from 'chai';
+import convert from "../vnode-children.js";
+
+describe('experimental react children', () => {
+    it('has undefined as children for direct children', () => {
+        const [ imgVNode ] = convert('<img src="abc"></img>');
+        expect(imgVNode.props).to.deep.include({ children: undefined });
+    })
+
+    it('has undefined as children for nested children', () => {
+        const [ divVNode ] = convert('<div><img src="xyz"></img></div>');
+        const [ imgVNode ] = divVNode.props.children;
+        expect(imgVNode.props).to.deep.include({ children: undefined });
+    })
+})