From 3959879b9fc156eb2ba99e5e55182e48265880ef Mon Sep 17 00:00:00 2001
From: uhyo <uhyo@uhy.ooo>
Date: Mon, 30 Dec 2024 21:08:31 +0900
Subject: [PATCH] test: add test case to verify ElementChildrenAttribute is
 ignored in react-jsx and react-jsxdev

---
 ...oredWhenReactJsx(jsx=react-jsx).errors.txt | 33 +++++++
 ...ibuteIgnoredWhenReactJsx(jsx=react-jsx).js | 44 +++++++++
 ...IgnoredWhenReactJsx(jsx=react-jsx).symbols | 61 +++++++++++++
 ...teIgnoredWhenReactJsx(jsx=react-jsx).types | 91 +++++++++++++++++++
 ...dWhenReactJsx(jsx=react-jsxdev).errors.txt | 33 +++++++
 ...teIgnoredWhenReactJsx(jsx=react-jsxdev).js | 46 ++++++++++
 ...oredWhenReactJsx(jsx=react-jsxdev).symbols | 61 +++++++++++++
 ...gnoredWhenReactJsx(jsx=react-jsxdev).types | 91 +++++++++++++++++++
 ...ntChildrenAttributeIgnoredWhenReactJsx.tsx | 28 ++++++
 9 files changed, 488 insertions(+)
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).errors.txt
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).js
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).symbols
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).types
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).errors.txt
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).js
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).symbols
 create mode 100644 tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).types
 create mode 100644 tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx

diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).errors.txt b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).errors.txt
new file mode 100644
index 0000000000000..aab42fbf9bc45
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).errors.txt
@@ -0,0 +1,33 @@
+/test.tsx(7,2): error TS2741: Property 'offspring' is missing in type '{ children: string; }' but required in type '{ offspring: string; }'.
+
+
+==== /jsx.d.ts (0 errors) ====
+    declare namespace JSX {
+      interface IntrinsicElements {
+        h1: { children: string }
+      }
+    
+      type Element = string;
+    
+      interface ElementChildrenAttribute {
+        offspring: any;
+      }
+    }
+    
+==== /test.tsx (1 errors) ====
+    const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+    
+    <Title>Hello, world!</Title>;
+    
+    const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+    
+    <Wrong>Byebye, world!</Wrong>
+     ~~~~~
+!!! error TS2741: Property 'offspring' is missing in type '{ children: string; }' but required in type '{ offspring: string; }'.
+!!! related TS2728 /test.tsx:5:25: 'offspring' is declared here.
+    
+==== /jsx/jsx-runtime.ts (0 errors) ====
+    export {};
+==== /jsx/jsx-dev-runtime.ts (0 errors) ====
+    export {};
+    
\ No newline at end of file
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).js b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).js
new file mode 100644
index 0000000000000..cacbd70895e97
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).js
@@ -0,0 +1,44 @@
+//// [tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx] ////
+
+//// [jsx.d.ts]
+declare namespace JSX {
+  interface IntrinsicElements {
+    h1: { children: string }
+  }
+
+  type Element = string;
+
+  interface ElementChildrenAttribute {
+    offspring: any;
+  }
+}
+
+//// [test.tsx]
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+
+<Title>Hello, world!</Title>;
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+
+<Wrong>Byebye, world!</Wrong>
+
+//// [jsx-runtime.ts]
+export {};
+//// [jsx-dev-runtime.ts]
+export {};
+
+
+//// [jsx-runtime.js]
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//// [test.js]
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("/jsx/jsx-runtime");
+var Title = function (props) { return (0, jsx_runtime_1.jsx)("h1", { children: props.children }); };
+(0, jsx_runtime_1.jsx)(Title, { children: "Hello, world!" });
+var Wrong = function (props) { return (0, jsx_runtime_1.jsx)("h1", { children: props.offspring }); };
+(0, jsx_runtime_1.jsx)(Wrong, { children: "Byebye, world!" });
+//// [jsx-dev-runtime.js]
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).symbols b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).symbols
new file mode 100644
index 0000000000000..1553edc522be0
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).symbols
@@ -0,0 +1,61 @@
+//// [tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx] ////
+
+=== /jsx.d.ts ===
+declare namespace JSX {
+>JSX : Symbol(JSX, Decl(jsx.d.ts, 0, 0))
+
+  interface IntrinsicElements {
+>IntrinsicElements : Symbol(IntrinsicElements, Decl(jsx.d.ts, 0, 23))
+
+    h1: { children: string }
+>h1 : Symbol(IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+>children : Symbol(children, Decl(jsx.d.ts, 2, 9))
+  }
+
+  type Element = string;
+>Element : Symbol(Element, Decl(jsx.d.ts, 3, 3))
+
+  interface ElementChildrenAttribute {
+>ElementChildrenAttribute : Symbol(ElementChildrenAttribute, Decl(jsx.d.ts, 5, 24))
+
+    offspring: any;
+>offspring : Symbol(ElementChildrenAttribute.offspring, Decl(jsx.d.ts, 7, 38))
+  }
+}
+
+=== /test.tsx ===
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+>Title : Symbol(Title, Decl(test.tsx, 0, 5))
+>props : Symbol(props, Decl(test.tsx, 0, 15))
+>children : Symbol(children, Decl(test.tsx, 0, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+>props.children : Symbol(children, Decl(test.tsx, 0, 23))
+>props : Symbol(props, Decl(test.tsx, 0, 15))
+>children : Symbol(children, Decl(test.tsx, 0, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+
+<Title>Hello, world!</Title>;
+>Title : Symbol(Title, Decl(test.tsx, 0, 5))
+>Title : Symbol(Title, Decl(test.tsx, 0, 5))
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+>Wrong : Symbol(Wrong, Decl(test.tsx, 4, 5))
+>props : Symbol(props, Decl(test.tsx, 4, 15))
+>offspring : Symbol(offspring, Decl(test.tsx, 4, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+>props.offspring : Symbol(offspring, Decl(test.tsx, 4, 23))
+>props : Symbol(props, Decl(test.tsx, 4, 15))
+>offspring : Symbol(offspring, Decl(test.tsx, 4, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+
+<Wrong>Byebye, world!</Wrong>
+>Wrong : Symbol(Wrong, Decl(test.tsx, 4, 5))
+>Wrong : Symbol(Wrong, Decl(test.tsx, 4, 5))
+
+=== /jsx/jsx-runtime.ts ===
+
+export {};
+=== /jsx/jsx-dev-runtime.ts ===
+
+export {};
+
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).types b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).types
new file mode 100644
index 0000000000000..e25bfcf58bb00
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsx).types
@@ -0,0 +1,91 @@
+//// [tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx] ////
+
+=== /jsx.d.ts ===
+declare namespace JSX {
+  interface IntrinsicElements {
+    h1: { children: string }
+>h1 : { children: string; }
+>   : ^^^^^^^^^^^^      ^^^
+>children : string
+>         : ^^^^^^
+  }
+
+  type Element = string;
+>Element : string
+>        : ^^^^^^
+
+  interface ElementChildrenAttribute {
+    offspring: any;
+>offspring : any
+>          : ^^^
+  }
+}
+
+=== /test.tsx ===
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+>Title : (props: { children: string; }) => string
+>      : ^     ^^                     ^^^^^^^^^^^
+>(props: { children: string }) => <h1>{props.children}</h1> : (props: { children: string; }) => string
+>                                                           : ^     ^^                     ^^^^^^^^^^^
+>props : { children: string; }
+>      : ^^^^^^^^^^^^      ^^^
+>children : string
+>         : ^^^^^^
+><h1>{props.children}</h1> : string
+>                          : ^^^^^^
+>h1 : any
+>   : ^^^
+>props.children : string
+>               : ^^^^^^
+>props : { children: string; }
+>      : ^^^^^^^^^^^^      ^^^
+>children : string
+>         : ^^^^^^
+>h1 : any
+>   : ^^^
+
+<Title>Hello, world!</Title>;
+><Title>Hello, world!</Title> : string
+>                             : ^^^^^^
+>Title : (props: { children: string; }) => string
+>      : ^     ^^                     ^^^^^^^^^^^
+>Title : (props: { children: string; }) => string
+>      : ^     ^^                     ^^^^^^^^^^^
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+>Wrong : (props: { offspring: string; }) => string
+>      : ^     ^^                      ^^^^^^^^^^^
+>(props: { offspring: string }) => <h1>{props.offspring}</h1> : (props: { offspring: string; }) => string
+>                                                             : ^     ^^                      ^^^^^^^^^^^
+>props : { offspring: string; }
+>      : ^^^^^^^^^^^^^      ^^^
+>offspring : string
+>          : ^^^^^^
+><h1>{props.offspring}</h1> : string
+>                           : ^^^^^^
+>h1 : any
+>   : ^^^
+>props.offspring : string
+>                : ^^^^^^
+>props : { offspring: string; }
+>      : ^^^^^^^^^^^^^      ^^^
+>offspring : string
+>          : ^^^^^^
+>h1 : any
+>   : ^^^
+
+<Wrong>Byebye, world!</Wrong>
+><Wrong>Byebye, world!</Wrong> : string
+>                              : ^^^^^^
+>Wrong : (props: { offspring: string; }) => string
+>      : ^     ^^                      ^^^^^^^^^^^
+>Wrong : (props: { offspring: string; }) => string
+>      : ^     ^^                      ^^^^^^^^^^^
+
+=== /jsx/jsx-runtime.ts ===
+
+export {};
+=== /jsx/jsx-dev-runtime.ts ===
+
+export {};
+
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).errors.txt b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).errors.txt
new file mode 100644
index 0000000000000..aab42fbf9bc45
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).errors.txt
@@ -0,0 +1,33 @@
+/test.tsx(7,2): error TS2741: Property 'offspring' is missing in type '{ children: string; }' but required in type '{ offspring: string; }'.
+
+
+==== /jsx.d.ts (0 errors) ====
+    declare namespace JSX {
+      interface IntrinsicElements {
+        h1: { children: string }
+      }
+    
+      type Element = string;
+    
+      interface ElementChildrenAttribute {
+        offspring: any;
+      }
+    }
+    
+==== /test.tsx (1 errors) ====
+    const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+    
+    <Title>Hello, world!</Title>;
+    
+    const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+    
+    <Wrong>Byebye, world!</Wrong>
+     ~~~~~
+!!! error TS2741: Property 'offspring' is missing in type '{ children: string; }' but required in type '{ offspring: string; }'.
+!!! related TS2728 /test.tsx:5:25: 'offspring' is declared here.
+    
+==== /jsx/jsx-runtime.ts (0 errors) ====
+    export {};
+==== /jsx/jsx-dev-runtime.ts (0 errors) ====
+    export {};
+    
\ No newline at end of file
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).js b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).js
new file mode 100644
index 0000000000000..58845602a8cfd
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).js
@@ -0,0 +1,46 @@
+//// [tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx] ////
+
+//// [jsx.d.ts]
+declare namespace JSX {
+  interface IntrinsicElements {
+    h1: { children: string }
+  }
+
+  type Element = string;
+
+  interface ElementChildrenAttribute {
+    offspring: any;
+  }
+}
+
+//// [test.tsx]
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+
+<Title>Hello, world!</Title>;
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+
+<Wrong>Byebye, world!</Wrong>
+
+//// [jsx-runtime.ts]
+export {};
+//// [jsx-dev-runtime.ts]
+export {};
+
+
+//// [jsx-dev-runtime.js]
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//// [test.js]
+"use strict";
+var _this = this;
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_dev_runtime_1 = require("/jsx/jsx-dev-runtime");
+var _jsxFileName = "/test.tsx";
+var Title = function (props) { return (0, jsx_dev_runtime_1.jsxDEV)("h1", { children: props.children }, void 0, false, { fileName: _jsxFileName, lineNumber: 1, columnNumber: 47 }, _this); };
+(0, jsx_dev_runtime_1.jsxDEV)(Title, { children: "Hello, world!" }, void 0, false, { fileName: _jsxFileName, lineNumber: 1, columnNumber: 74 }, this);
+var Wrong = function (props) { return (0, jsx_dev_runtime_1.jsxDEV)("h1", { children: props.offspring }, void 0, false, { fileName: _jsxFileName, lineNumber: 5, columnNumber: 48 }, _this); };
+(0, jsx_dev_runtime_1.jsxDEV)(Wrong, { children: "Byebye, world!" }, void 0, false, { fileName: _jsxFileName, lineNumber: 5, columnNumber: 76 }, this);
+//// [jsx-runtime.js]
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).symbols b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).symbols
new file mode 100644
index 0000000000000..1553edc522be0
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).symbols
@@ -0,0 +1,61 @@
+//// [tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx] ////
+
+=== /jsx.d.ts ===
+declare namespace JSX {
+>JSX : Symbol(JSX, Decl(jsx.d.ts, 0, 0))
+
+  interface IntrinsicElements {
+>IntrinsicElements : Symbol(IntrinsicElements, Decl(jsx.d.ts, 0, 23))
+
+    h1: { children: string }
+>h1 : Symbol(IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+>children : Symbol(children, Decl(jsx.d.ts, 2, 9))
+  }
+
+  type Element = string;
+>Element : Symbol(Element, Decl(jsx.d.ts, 3, 3))
+
+  interface ElementChildrenAttribute {
+>ElementChildrenAttribute : Symbol(ElementChildrenAttribute, Decl(jsx.d.ts, 5, 24))
+
+    offspring: any;
+>offspring : Symbol(ElementChildrenAttribute.offspring, Decl(jsx.d.ts, 7, 38))
+  }
+}
+
+=== /test.tsx ===
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+>Title : Symbol(Title, Decl(test.tsx, 0, 5))
+>props : Symbol(props, Decl(test.tsx, 0, 15))
+>children : Symbol(children, Decl(test.tsx, 0, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+>props.children : Symbol(children, Decl(test.tsx, 0, 23))
+>props : Symbol(props, Decl(test.tsx, 0, 15))
+>children : Symbol(children, Decl(test.tsx, 0, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+
+<Title>Hello, world!</Title>;
+>Title : Symbol(Title, Decl(test.tsx, 0, 5))
+>Title : Symbol(Title, Decl(test.tsx, 0, 5))
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+>Wrong : Symbol(Wrong, Decl(test.tsx, 4, 5))
+>props : Symbol(props, Decl(test.tsx, 4, 15))
+>offspring : Symbol(offspring, Decl(test.tsx, 4, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+>props.offspring : Symbol(offspring, Decl(test.tsx, 4, 23))
+>props : Symbol(props, Decl(test.tsx, 4, 15))
+>offspring : Symbol(offspring, Decl(test.tsx, 4, 23))
+>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(jsx.d.ts, 1, 31))
+
+<Wrong>Byebye, world!</Wrong>
+>Wrong : Symbol(Wrong, Decl(test.tsx, 4, 5))
+>Wrong : Symbol(Wrong, Decl(test.tsx, 4, 5))
+
+=== /jsx/jsx-runtime.ts ===
+
+export {};
+=== /jsx/jsx-dev-runtime.ts ===
+
+export {};
+
diff --git a/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).types b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).types
new file mode 100644
index 0000000000000..e25bfcf58bb00
--- /dev/null
+++ b/tests/baselines/reference/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx(jsx=react-jsxdev).types
@@ -0,0 +1,91 @@
+//// [tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx] ////
+
+=== /jsx.d.ts ===
+declare namespace JSX {
+  interface IntrinsicElements {
+    h1: { children: string }
+>h1 : { children: string; }
+>   : ^^^^^^^^^^^^      ^^^
+>children : string
+>         : ^^^^^^
+  }
+
+  type Element = string;
+>Element : string
+>        : ^^^^^^
+
+  interface ElementChildrenAttribute {
+    offspring: any;
+>offspring : any
+>          : ^^^
+  }
+}
+
+=== /test.tsx ===
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+>Title : (props: { children: string; }) => string
+>      : ^     ^^                     ^^^^^^^^^^^
+>(props: { children: string }) => <h1>{props.children}</h1> : (props: { children: string; }) => string
+>                                                           : ^     ^^                     ^^^^^^^^^^^
+>props : { children: string; }
+>      : ^^^^^^^^^^^^      ^^^
+>children : string
+>         : ^^^^^^
+><h1>{props.children}</h1> : string
+>                          : ^^^^^^
+>h1 : any
+>   : ^^^
+>props.children : string
+>               : ^^^^^^
+>props : { children: string; }
+>      : ^^^^^^^^^^^^      ^^^
+>children : string
+>         : ^^^^^^
+>h1 : any
+>   : ^^^
+
+<Title>Hello, world!</Title>;
+><Title>Hello, world!</Title> : string
+>                             : ^^^^^^
+>Title : (props: { children: string; }) => string
+>      : ^     ^^                     ^^^^^^^^^^^
+>Title : (props: { children: string; }) => string
+>      : ^     ^^                     ^^^^^^^^^^^
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+>Wrong : (props: { offspring: string; }) => string
+>      : ^     ^^                      ^^^^^^^^^^^
+>(props: { offspring: string }) => <h1>{props.offspring}</h1> : (props: { offspring: string; }) => string
+>                                                             : ^     ^^                      ^^^^^^^^^^^
+>props : { offspring: string; }
+>      : ^^^^^^^^^^^^^      ^^^
+>offspring : string
+>          : ^^^^^^
+><h1>{props.offspring}</h1> : string
+>                           : ^^^^^^
+>h1 : any
+>   : ^^^
+>props.offspring : string
+>                : ^^^^^^
+>props : { offspring: string; }
+>      : ^^^^^^^^^^^^^      ^^^
+>offspring : string
+>          : ^^^^^^
+>h1 : any
+>   : ^^^
+
+<Wrong>Byebye, world!</Wrong>
+><Wrong>Byebye, world!</Wrong> : string
+>                              : ^^^^^^
+>Wrong : (props: { offspring: string; }) => string
+>      : ^     ^^                      ^^^^^^^^^^^
+>Wrong : (props: { offspring: string; }) => string
+>      : ^     ^^                      ^^^^^^^^^^^
+
+=== /jsx/jsx-runtime.ts ===
+
+export {};
+=== /jsx/jsx-dev-runtime.ts ===
+
+export {};
+
diff --git a/tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx b/tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx
new file mode 100644
index 0000000000000..c06720997c4c7
--- /dev/null
+++ b/tests/cases/compiler/jsxNamespaceElementChildrenAttributeIgnoredWhenReactJsx.tsx
@@ -0,0 +1,28 @@
+//@jsx: react-jsx,react-jsxdev
+//@jsxImportSource: /jsx
+//@filename: /jsx.d.ts
+declare namespace JSX {
+  interface IntrinsicElements {
+    h1: { children: string }
+  }
+
+  type Element = string;
+
+  interface ElementChildrenAttribute {
+    offspring: any;
+  }
+}
+
+//@filename: /test.tsx
+const Title = (props: { children: string }) => <h1>{props.children}</h1>;
+
+<Title>Hello, world!</Title>;
+
+const Wrong = (props: { offspring: string }) => <h1>{props.offspring}</h1>;
+
+<Wrong>Byebye, world!</Wrong>
+
+//@filename: /jsx/jsx-runtime.ts
+export {};
+//@filename: /jsx/jsx-dev-runtime.ts
+export {};