fix(plugin-react): duplicate __self prop and __source prop

packages/plugin-react/src/jsx-runtime/babel-restore-jsx.spec.ts

@@ -115,4 +115,28 @@ describe('babel-restore-jsx', () => {
       `"React.createElement(aaa);"`
     )
   })
+
+  it('should not handle contains __self prop', () => {
+    expect(jsx('React.createElement(Provider, { __self: this })'))
+      .toMatchInlineSnapshot(`
+      "React.createElement(Provider, {
+        __self: this
+      });"
+    `)
+  })
+
+  it('should not handle contains __source prop', () => {
+    expect(
+      jsx(
+        'React.createElement(Provider, { __source: { fileName: _jsxFileName, lineNumber: 133 }})'
+      )
+    ).toMatchInlineSnapshot(`
+      "React.createElement(Provider, {
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 133
+        }
+      });"
+    `)
+  })
 })

packages/plugin-react/src/jsx-runtime/babel-restore-jsx.ts

@@ -18,6 +18,16 @@ import type * as babel from '@babel/core'
  * Any of those arguments might also be missing (undefined) and/or invalid.
  */
 export default function ({ types: t }: typeof babel): babel.PluginObj {
+  /**
+   * If the props contains '__self' or '__source', it is not transform to JSX.
+   */
+  const isInvalidProps = (props: any[]) =>
+    props.some(
+      (prop) =>
+        t.isJSXIdentifier(prop.name) &&
+        (prop.name.name === '__self' || prop.name.name === '__source')
+    )
+
   /**
    * Get a `JSXElement` from a `CallExpression`.
    * Returns `null` if this impossible.
@@ -36,7 +46,7 @@ export default function ({ types: t }: typeof babel): babel.PluginObj {
     }
 
     const props = getJSXProps(propsNode)
-    if (props == null) {
+    if (props == null || isInvalidProps(props)) {
       return null //no props → [], invalid → null
     }