(
//// [jsxExcessPropsAndAssignability.js]
"use strict";
-/// {test} ;
//// [a.js]
"use strict";
-/// {"Title"} ;
//// [jsxIntrinsicUnions.js]
"use strict";
-///
//// [jsxNamespacedNameNotComparedToNonMatchingIndexSignature.js]
import { jsx as _jsx } from "react/jsx-runtime";
-///
; };
var react_1 = __importDefault(require("react"));
function Repro(_a) {
diff --git a/tests/baselines/reference/jsxRuntimePragma(jsx=preserve).js b/tests/baselines/reference/jsxRuntimePragma(jsx=preserve).js
index b91b48357abdd..f698429ed0e44 100644
--- a/tests/baselines/reference/jsxRuntimePragma(jsx=preserve).js
+++ b/tests/baselines/reference/jsxRuntimePragma(jsx=preserve).js
@@ -71,7 +71,7 @@ var __importStar = (this && this.__importStar) || (function () {
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.selfClosing = exports.frag = exports.HelloWorld = void 0;
-/// Hello world ; };
@@ -82,7 +82,7 @@ exports.selfClosing = Hello world ; };
exports.HelloWorld = HelloWorld;
@@ -92,7 +92,7 @@ exports.selfClosing = Hello world ; };
@@ -136,7 +136,7 @@ var __importStar = (this && this.__importStar) || (function () {
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.selfClosing = exports.frag = exports.HelloWorld = void 0;
-/// (wrappedProps: P) {
//// [tsxNotUsingApparentTypeOfSFC.js]
"use strict";
-/// = props => Hello
;
->Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 16, 3))
->_props : Symbol(_props, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 16, 12))
->ComponentProps : Symbol(ComponentProps, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 5, 78))
+>Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 17, 3))
+>_props : Symbol(_props, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 17, 12))
+>ComponentProps : Symbol(ComponentProps, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 6, 78))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
let Fail1 = () => { }} optionalBool={true} />
->Fail1 : Symbol(Fail1, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 18, 3))
->Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 16, 3))
->mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 18, 23))
->optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 18, 47))
-
-let Fail2 = () => { }} optionalBool={true as true} />
->Fail2 : Symbol(Fail2, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 19, 3))
->Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 16, 3))
+>Fail1 : Symbol(Fail1, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 19, 3))
+>Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 17, 3))
>mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 19, 23))
>optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 19, 47))
+let Fail2 = () => { }} optionalBool={true as true} />
+>Fail2 : Symbol(Fail2, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 20, 3))
+>Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 17, 3))
+>mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 20, 23))
+>optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 20, 47))
+
let True = true as true;
->True : Symbol(True, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 20, 3))
+>True : Symbol(True, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 21, 3))
let Fail3 = () => { }} optionalBool={True} />
->Fail3 : Symbol(Fail3, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 21, 3))
->Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 16, 3))
->mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 21, 23))
->optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 21, 47))
->True : Symbol(True, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 20, 3))
+>Fail3 : Symbol(Fail3, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 22, 3))
+>Funk : Symbol(Funk, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 17, 3))
+>mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 22, 23))
+>optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 22, 47))
+>True : Symbol(True, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 21, 3))
let attrs2 = { optionalBool: true as true, mandatoryFn: () => { } }
->attrs2 : Symbol(attrs2, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 22, 3))
->optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 22, 14))
->mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 22, 42))
+>attrs2 : Symbol(attrs2, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 23, 3))
+>optionalBool : Symbol(optionalBool, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 23, 14))
+>mandatoryFn : Symbol(mandatoryFn, Decl(booleanLiteralsContextuallyTypedFromUnion.tsx, 23, 42))
let Success = () => {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 8, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 10, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// OK
let k =
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 15, 9))
->b : Symbol(b, Decl(file.tsx, 15, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 17, 9))
+>b : Symbol(b, Decl(file.tsx, 17, 16))
hi hi hi!
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
let k2 =
->k2 : Symbol(k2, Decl(file.tsx, 18, 3))
+>k2 : Symbol(k2, Decl(file.tsx, 20, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 19, 9))
->b : Symbol(b, Decl(file.tsx, 19, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 21, 9))
+>b : Symbol(b, Decl(file.tsx, 21, 16))
hi hi hi!
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty1.types b/tests/baselines/reference/checkJsxChildrenProperty1.types
index 42eef8075c495..2db988928b72c 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty1.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty1.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty1.tsx] ////
=== file.tsx ===
+/// {
//// [file.jsx]
"use strict";
+/// {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->ButtonProp : Symbol(ButtonProp, Decl(file.tsx, 0, 32))
+>ButtonProp : Symbol(ButtonProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 55))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 55))
let condition: boolean;
->condition : Symbol(condition, Decl(file.tsx, 10, 5))
+>condition : Symbol(condition, Decl(file.tsx, 12, 5))
if (condition) {
->condition : Symbol(condition, Decl(file.tsx, 10, 5))
+>condition : Symbol(condition, Decl(file.tsx, 12, 5))
return
->InnerButton : Symbol(InnerButton, Decl(file.tsx, 24, 1))
+>InnerButton : Symbol(InnerButton, Decl(file.tsx, 26, 1))
>this.props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->this : Symbol(Button, Decl(file.tsx, 6, 1))
+>this : Symbol(Button, Decl(file.tsx, 8, 1))
>props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
Hello World
@@ -52,27 +54,27 @@ class Button extends React.Component {
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
);
->InnerButton : Symbol(InnerButton, Decl(file.tsx, 24, 1))
+>InnerButton : Symbol(InnerButton, Decl(file.tsx, 26, 1))
}
}
}
interface InnerButtonProp {
->InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 20, 1))
+>InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 22, 1))
a: number
->a : Symbol(InnerButtonProp.a, Decl(file.tsx, 22, 27))
+>a : Symbol(InnerButtonProp.a, Decl(file.tsx, 24, 27))
}
class InnerButton extends React.Component {
->InnerButton : Symbol(InnerButton, Decl(file.tsx, 24, 1))
+>InnerButton : Symbol(InnerButton, Decl(file.tsx, 26, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 20, 1))
+>InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 22, 1))
render() {
->render : Symbol(InnerButton.render, Decl(file.tsx, 26, 65))
+>render : Symbol(InnerButton.render, Decl(file.tsx, 28, 65))
return (Hello );
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty12.types b/tests/baselines/reference/checkJsxChildrenProperty12.types
index 82e70de465e81..08810e4f2782a 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty12.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty12.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty12.tsx] ////
=== file.tsx ===
+/// {
//// [file.jsx]
"use strict";
+/// {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->ButtonProp : Symbol(ButtonProp, Decl(file.tsx, 0, 32))
+>ButtonProp : Symbol(ButtonProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 55))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 55))
// Error children are specified twice
return (
->InnerButton : Symbol(InnerButton, Decl(file.tsx, 19, 1))
+>InnerButton : Symbol(InnerButton, Decl(file.tsx, 21, 1))
>this.props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->this : Symbol(Button, Decl(file.tsx, 6, 1))
+>this : Symbol(Button, Decl(file.tsx, 8, 1))
>props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->children : Symbol(children, Decl(file.tsx, 11, 44))
+>children : Symbol(children, Decl(file.tsx, 13, 44))
Hello World
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
);
->InnerButton : Symbol(InnerButton, Decl(file.tsx, 19, 1))
+>InnerButton : Symbol(InnerButton, Decl(file.tsx, 21, 1))
}
}
interface InnerButtonProp {
->InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 15, 1))
+>InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 17, 1))
a: number
->a : Symbol(InnerButtonProp.a, Decl(file.tsx, 17, 27))
+>a : Symbol(InnerButtonProp.a, Decl(file.tsx, 19, 27))
}
class InnerButton extends React.Component {
->InnerButton : Symbol(InnerButton, Decl(file.tsx, 19, 1))
+>InnerButton : Symbol(InnerButton, Decl(file.tsx, 21, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 15, 1))
+>InnerButtonProp : Symbol(InnerButtonProp, Decl(file.tsx, 17, 1))
render() {
->render : Symbol(InnerButton.render, Decl(file.tsx, 21, 65))
+>render : Symbol(InnerButton.render, Decl(file.tsx, 23, 65))
return (Hello );
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty13.types b/tests/baselines/reference/checkJsxChildrenProperty13.types
index 5a28219181e49..01a48cd8bb23a 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty13.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty13.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty13.tsx] ////
=== file.tsx ===
+/// <> {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 48))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 48))
return (My Button
)
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -37,8 +39,8 @@ class Button extends React.Component {
}
function AnotherButton(p: any) {
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->p : Symbol(p, Decl(file.tsx, 14, 23))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>p : Symbol(p, Decl(file.tsx, 16, 23))
return Just Another Button ;
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
@@ -46,91 +48,91 @@ function AnotherButton(p: any) {
}
function Comp(p: Prop) {
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
return {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// OK
let k1 = <> ;
->k1 : Symbol(k1, Decl(file.tsx, 23, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->a : Symbol(a, Decl(file.tsx, 23, 14))
->b : Symbol(b, Decl(file.tsx, 23, 21))
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>k1 : Symbol(k1, Decl(file.tsx, 25, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>a : Symbol(a, Decl(file.tsx, 25, 14))
+>b : Symbol(b, Decl(file.tsx, 25, 21))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
let k2 = <> ;
->k2 : Symbol(k2, Decl(file.tsx, 24, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->a : Symbol(a, Decl(file.tsx, 24, 14))
->b : Symbol(b, Decl(file.tsx, 24, 21))
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>k2 : Symbol(k2, Decl(file.tsx, 26, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>a : Symbol(a, Decl(file.tsx, 26, 14))
+>b : Symbol(b, Decl(file.tsx, 26, 21))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
let k3 = <> ;
->k3 : Symbol(k3, Decl(file.tsx, 25, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->a : Symbol(a, Decl(file.tsx, 25, 14))
->b : Symbol(b, Decl(file.tsx, 25, 21))
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>k3 : Symbol(k3, Decl(file.tsx, 27, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>a : Symbol(a, Decl(file.tsx, 27, 14))
+>b : Symbol(b, Decl(file.tsx, 27, 21))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
interface SingleChildProp {
->SingleChildProp : Symbol(SingleChildProp, Decl(file.tsx, 25, 69))
+>SingleChildProp : Symbol(SingleChildProp, Decl(file.tsx, 27, 69))
a: number,
->a : Symbol(SingleChildProp.a, Decl(file.tsx, 27, 27))
+>a : Symbol(SingleChildProp.a, Decl(file.tsx, 29, 27))
b: string,
->b : Symbol(SingleChildProp.b, Decl(file.tsx, 28, 14))
+>b : Symbol(SingleChildProp.b, Decl(file.tsx, 30, 14))
children: JSX.Element;
->children : Symbol(SingleChildProp.children, Decl(file.tsx, 29, 14))
+>children : Symbol(SingleChildProp.children, Decl(file.tsx, 31, 14))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
}
function SingleChildComp(p: SingleChildProp) {
->SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
->p : Symbol(p, Decl(file.tsx, 33, 25))
->SingleChildProp : Symbol(SingleChildProp, Decl(file.tsx, 25, 69))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 33, 1))
+>p : Symbol(p, Decl(file.tsx, 35, 25))
+>SingleChildProp : Symbol(SingleChildProp, Decl(file.tsx, 27, 69))
return {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(SingleChildProp.b, Decl(file.tsx, 28, 14))
->p : Symbol(p, Decl(file.tsx, 33, 25))
->b : Symbol(SingleChildProp.b, Decl(file.tsx, 28, 14))
+>p.b : Symbol(SingleChildProp.b, Decl(file.tsx, 30, 14))
+>p : Symbol(p, Decl(file.tsx, 35, 25))
+>b : Symbol(SingleChildProp.b, Decl(file.tsx, 30, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// OK
let k4 = <> ;
->k4 : Symbol(k4, Decl(file.tsx, 38, 3))
->SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
->a : Symbol(a, Decl(file.tsx, 38, 25))
->b : Symbol(b, Decl(file.tsx, 38, 32))
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+>k4 : Symbol(k4, Decl(file.tsx, 40, 3))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 33, 1))
+>a : Symbol(a, Decl(file.tsx, 40, 25))
+>b : Symbol(b, Decl(file.tsx, 40, 32))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 33, 1))
// Error
let k5 = <> ;
->k5 : Symbol(k5, Decl(file.tsx, 41, 3))
->SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
->a : Symbol(a, Decl(file.tsx, 41, 25))
->b : Symbol(b, Decl(file.tsx, 41, 32))
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 31, 1))
+>k5 : Symbol(k5, Decl(file.tsx, 43, 3))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 33, 1))
+>a : Symbol(a, Decl(file.tsx, 43, 25))
+>b : Symbol(b, Decl(file.tsx, 43, 32))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>SingleChildComp : Symbol(SingleChildComp, Decl(file.tsx, 33, 1))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty14.types b/tests/baselines/reference/checkJsxChildrenProperty14.types
index 462991d4777c3..630c5c5ca489d 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty14.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty14.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty14.tsx] ////
=== file.tsx ===
+///
;
diff --git a/tests/baselines/reference/checkJsxChildrenProperty15.js b/tests/baselines/reference/checkJsxChildrenProperty15.js
index 69798d43b296e..d5c2fe11fcdc5 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty15.js
+++ b/tests/baselines/reference/checkJsxChildrenProperty15.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty15.tsx] ////
//// [file.tsx]
+///
;
@@ -17,6 +19,7 @@ const k5 =
; };
diff --git a/tests/baselines/reference/checkJsxChildrenProperty15.symbols b/tests/baselines/reference/checkJsxChildrenProperty15.symbols
index 771d3d7eff87c..0c3de71e88b76 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty15.symbols
+++ b/tests/baselines/reference/checkJsxChildrenProperty15.symbols
@@ -1,48 +1,50 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty15.tsx] ////
=== file.tsx ===
+///
;
->Tag : Symbol(Tag, Decl(file.tsx, 2, 5))
->x : Symbol(x, Decl(file.tsx, 2, 13))
+>Tag : Symbol(Tag, Decl(file.tsx, 4, 5))
+>x : Symbol(x, Decl(file.tsx, 4, 13))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
// OK
const k1 = } />;
->k3 : Symbol(k3, Decl(file.tsx, 9, 5))
->Tag : Symbol(Tag, Decl(file.tsx, 2, 5))
->children : Symbol(children, Decl(file.tsx, 9, 15))
+>k3 : Symbol(k3, Decl(file.tsx, 11, 5))
+>Tag : Symbol(Tag, Decl(file.tsx, 4, 5))
+>children : Symbol(children, Decl(file.tsx, 11, 15))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
const k4 =
diff --git a/tests/baselines/reference/checkJsxChildrenProperty2.js b/tests/baselines/reference/checkJsxChildrenProperty2.js
index b609be2a5cc68..83942d3600ed7 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty2.js
+++ b/tests/baselines/reference/checkJsxChildrenProperty2.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty2.tsx] ////
//// [file.tsx]
+/// {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 8, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 10, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// Error: missing children
let k =
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 16, 9))
->b : Symbol(b, Decl(file.tsx, 16, 16))
->children : Symbol(children, Decl(file.tsx, 16, 23))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 18, 9))
+>b : Symbol(b, Decl(file.tsx, 18, 16))
+>children : Symbol(children, Decl(file.tsx, 18, 23))
hi hi hi!
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
let o = {
->o : Symbol(o, Decl(file.tsx, 20, 3))
+>o : Symbol(o, Decl(file.tsx, 22, 3))
children:"Random"
->children : Symbol(children, Decl(file.tsx, 20, 9))
+>children : Symbol(children, Decl(file.tsx, 22, 9))
}
let k1 =
->k1 : Symbol(k1, Decl(file.tsx, 23, 3))
+>k1 : Symbol(k1, Decl(file.tsx, 25, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 24, 9))
->b : Symbol(b, Decl(file.tsx, 24, 16))
->o : Symbol(o, Decl(file.tsx, 20, 3))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 26, 9))
+>b : Symbol(b, Decl(file.tsx, 26, 16))
+>o : Symbol(o, Decl(file.tsx, 22, 3))
hi hi hi!
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
// Error: incorrect type
let k2 =
->k2 : Symbol(k2, Decl(file.tsx, 29, 3))
+>k2 : Symbol(k2, Decl(file.tsx, 31, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 30, 9))
->b : Symbol(b, Decl(file.tsx, 30, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 32, 9))
+>b : Symbol(b, Decl(file.tsx, 32, 16))
My Div
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
{(name: string) => My name {name}
}
->name : Symbol(name, Decl(file.tsx, 32, 10))
+>name : Symbol(name, Decl(file.tsx, 34, 10))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->name : Symbol(name, Decl(file.tsx, 32, 10))
+>name : Symbol(name, Decl(file.tsx, 34, 10))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
let k3 =
->k3 : Symbol(k3, Decl(file.tsx, 35, 3))
+>k3 : Symbol(k3, Decl(file.tsx, 37, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 36, 9))
->b : Symbol(b, Decl(file.tsx, 36, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 38, 9))
+>b : Symbol(b, Decl(file.tsx, 38, 16))
My Div
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -107,15 +109,15 @@ let k3 =
{1000000}
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
let k4 =
->k4 : Symbol(k4, Decl(file.tsx, 41, 3))
+>k4 : Symbol(k4, Decl(file.tsx, 43, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 42, 9))
->b : Symbol(b, Decl(file.tsx, 42, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 44, 9))
+>b : Symbol(b, Decl(file.tsx, 44, 16))
My Div
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -123,15 +125,15 @@ let k4 =
hi hi hi!
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
let k5 =
->k5 : Symbol(k5, Decl(file.tsx, 47, 3))
+>k5 : Symbol(k5, Decl(file.tsx, 49, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
->a : Symbol(a, Decl(file.tsx, 48, 9))
->b : Symbol(b, Decl(file.tsx, 48, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
+>a : Symbol(a, Decl(file.tsx, 50, 9))
+>b : Symbol(b, Decl(file.tsx, 50, 16))
My Div
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -142,5 +144,5 @@ let k5 =
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
;
->Comp : Symbol(Comp, Decl(file.tsx, 6, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 8, 1))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty2.types b/tests/baselines/reference/checkJsxChildrenProperty2.types
index 2107c6d54cb31..a9c682366ff57 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty2.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty2.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty2.tsx] ////
=== file.tsx ===
+/// {
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->IFetchUserProps : Symbol(IFetchUserProps, Decl(file.tsx, 4, 1))
+>IFetchUserProps : Symbol(IFetchUserProps, Decl(file.tsx, 6, 1))
render() {
->render : Symbol(FetchUser.render, Decl(file.tsx, 10, 63))
+>render : Symbol(FetchUser.render, Decl(file.tsx, 12, 63))
return this.state
>this.state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
->this : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>this : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
? this.props.children(this.state.result)
->this.props.children : Symbol(children, Decl(file.tsx, 6, 27), Decl(react.d.ts, 174, 20))
+>this.props.children : Symbol(children, Decl(file.tsx, 8, 27), Decl(react.d.ts, 174, 20))
>this.props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->this : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>this : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->children : Symbol(children, Decl(file.tsx, 6, 27), Decl(react.d.ts, 174, 20))
+>children : Symbol(children, Decl(file.tsx, 8, 27), Decl(react.d.ts, 174, 20))
>this.state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
->this : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>this : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
: null;
@@ -53,49 +55,49 @@ class FetchUser extends React.Component {
// Ok
function UserName0() {
->UserName0 : Symbol(UserName0, Decl(file.tsx, 16, 1))
+>UserName0 : Symbol(UserName0, Decl(file.tsx, 18, 1))
return (
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
{ user => (
->user : Symbol(user, Decl(file.tsx, 22, 13))
+>user : Symbol(user, Decl(file.tsx, 24, 13))
{ user.Name }
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
->user.Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
->user : Symbol(user, Decl(file.tsx, 22, 13))
->Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
+>user.Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
+>user : Symbol(user, Decl(file.tsx, 24, 13))
+>Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
) }
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
);
}
function UserName1() {
->UserName1 : Symbol(UserName1, Decl(file.tsx, 27, 1))
+>UserName1 : Symbol(UserName1, Decl(file.tsx, 29, 1))
return (
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
{ user => (
->user : Symbol(user, Decl(file.tsx, 33, 13))
+>user : Symbol(user, Decl(file.tsx, 35, 13))
{ user.Name }
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
->user.Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
->user : Symbol(user, Decl(file.tsx, 33, 13))
->Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
+>user.Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
+>user : Symbol(user, Decl(file.tsx, 35, 13))
+>Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
) }
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
);
}
diff --git a/tests/baselines/reference/checkJsxChildrenProperty3.types b/tests/baselines/reference/checkJsxChildrenProperty3.types
index 687c31920d34c..ec5fac460425d 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty3.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty3.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty3.tsx] ////
=== file.tsx ===
+/// { user.NAme }
~~~~
!!! error TS2551: Property 'NAme' does not exist on type 'IUser'. Did you mean 'Name'?
-!!! related TS2728 file.tsx:4:5: 'Name' is declared here.
+!!! related TS2728 file.tsx:6:5: 'Name' is declared here.
) }
);
@@ -49,7 +51,7 @@ file.tsx(39,15): error TS2322: Type '(user: IUser) => Element' is not assignable
) }
~~~~~~~~~~~~~
!!! error TS2322: Type '(user: IUser) => Element' is not assignable to type 'boolean | any[] | ReactChild'.
-!!! related TS6212 file.tsx:36:15: Did you mean to call this expression?
+!!! related TS6212 file.tsx:38:15: Did you mean to call this expression?
{ user => (
~~~~~~~~~
{ user.Name }
@@ -57,7 +59,7 @@ file.tsx(39,15): error TS2322: Type '(user: IUser) => Element' is not assignable
) }
~~~~~~~~~~~~~
!!! error TS2322: Type '(user: IUser) => Element' is not assignable to type 'boolean | any[] | ReactChild'.
-!!! related TS6212 file.tsx:39:15: Did you mean to call this expression?
+!!! related TS6212 file.tsx:41:15: Did you mean to call this expression?
);
}
\ No newline at end of file
diff --git a/tests/baselines/reference/checkJsxChildrenProperty4.js b/tests/baselines/reference/checkJsxChildrenProperty4.js
index 1c11fbdb15b27..2291cfaac562b 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty4.js
+++ b/tests/baselines/reference/checkJsxChildrenProperty4.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty4.tsx] ////
//// [file.tsx]
+/// {
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->IFetchUserProps : Symbol(IFetchUserProps, Decl(file.tsx, 4, 1))
+>IFetchUserProps : Symbol(IFetchUserProps, Decl(file.tsx, 6, 1))
render() {
->render : Symbol(FetchUser.render, Decl(file.tsx, 10, 63))
+>render : Symbol(FetchUser.render, Decl(file.tsx, 12, 63))
return this.state
>this.state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
->this : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>this : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
? this.props.children(this.state.result)
->this.props.children : Symbol(children, Decl(file.tsx, 6, 27), Decl(react.d.ts, 174, 20))
+>this.props.children : Symbol(children, Decl(file.tsx, 8, 27), Decl(react.d.ts, 174, 20))
>this.props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->this : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>this : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>props : Symbol(React.Component.props, Decl(react.d.ts, 167, 37))
->children : Symbol(children, Decl(file.tsx, 6, 27), Decl(react.d.ts, 174, 20))
+>children : Symbol(children, Decl(file.tsx, 8, 27), Decl(react.d.ts, 174, 20))
>this.state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
->this : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>this : Symbol(FetchUser, Decl(file.tsx, 10, 1))
>state : Symbol(React.Component.state, Decl(react.d.ts, 174, 44))
: null;
@@ -53,60 +55,60 @@ class FetchUser extends React.Component {
// Error
function UserName() {
->UserName : Symbol(UserName, Decl(file.tsx, 16, 1))
+>UserName : Symbol(UserName, Decl(file.tsx, 18, 1))
return (
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
{ user => (
->user : Symbol(user, Decl(file.tsx, 22, 13))
+>user : Symbol(user, Decl(file.tsx, 24, 13))
{ user.NAme }
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
->user : Symbol(user, Decl(file.tsx, 22, 13))
+>user : Symbol(user, Decl(file.tsx, 24, 13))
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
) }
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
);
}
function UserName1() {
->UserName1 : Symbol(UserName1, Decl(file.tsx, 27, 1))
+>UserName1 : Symbol(UserName1, Decl(file.tsx, 29, 1))
return (
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
{ user => (
->user : Symbol(user, Decl(file.tsx, 35, 13))
+>user : Symbol(user, Decl(file.tsx, 37, 13))
{ user.Name }
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
->user.Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
->user : Symbol(user, Decl(file.tsx, 35, 13))
->Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
+>user.Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
+>user : Symbol(user, Decl(file.tsx, 37, 13))
+>Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
) }
{ user => (
->user : Symbol(user, Decl(file.tsx, 38, 13))
+>user : Symbol(user, Decl(file.tsx, 40, 13))
{ user.Name }
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
->user.Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
->user : Symbol(user, Decl(file.tsx, 38, 13))
->Name : Symbol(IUser.Name, Decl(file.tsx, 2, 17))
+>user.Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
+>user : Symbol(user, Decl(file.tsx, 40, 13))
+>Name : Symbol(IUser.Name, Decl(file.tsx, 4, 17))
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
) }
->FetchUser : Symbol(FetchUser, Decl(file.tsx, 8, 1))
+>FetchUser : Symbol(FetchUser, Decl(file.tsx, 10, 1))
);
}
diff --git a/tests/baselines/reference/checkJsxChildrenProperty4.types b/tests/baselines/reference/checkJsxChildrenProperty4.types
index d08a39c798765..2881a1a0d6712 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty4.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty4.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty4.tsx] ////
=== file.tsx ===
+/// ' is missing the following properties from type 'Button': render, setState, forceUpdate, state, and 2 more.
-file.tsx(29,10): error TS2740: Type 'typeof Button' is missing the following properties from type 'Button': render, setState, forceUpdate, props, and 3 more.
+file.tsx(22,10): error TS2741: Property 'children' is missing in type '{ a: number; b: string; }' but required in type 'Prop'.
+file.tsx(27,9): error TS2740: Type 'ReactElement' is missing the following properties from type 'Button': render, setState, forceUpdate, state, and 2 more.
+file.tsx(31,10): error TS2740: Type 'typeof Button' is missing the following properties from type 'Button': render, setState, forceUpdate, props, and 3 more.
==== file.tsx (3 errors) ====
+ /// ' is missing the following properties from type 'Button': render, setState, forceUpdate, state, and 2 more.
-!!! related TS6500 file.tsx:6:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & Prop'
+!!! related TS6500 file.tsx:8:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & Prop'
;
let k2 =
{Button}
~~~~~~
!!! error TS2740: Type 'typeof Button' is missing the following properties from type 'Button': render, setState, forceUpdate, props, and 3 more.
-!!! related TS6213 file.tsx:29:10: Did you mean to use 'new' with this expression?
+!!! related TS6213 file.tsx:31:10: Did you mean to use 'new' with this expression?
;
\ No newline at end of file
diff --git a/tests/baselines/reference/checkJsxChildrenProperty5.js b/tests/baselines/reference/checkJsxChildrenProperty5.js
index ab267092251f2..ec7e361699748 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty5.js
+++ b/tests/baselines/reference/checkJsxChildrenProperty5.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty5.tsx] ////
//// [file.tsx]
+/// {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 48))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 48))
return (My Button
)
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -34,51 +36,51 @@ class Button extends React.Component {
}
function Comp(p: Prop) {
->Comp : Symbol(Comp, Decl(file.tsx, 12, 1))
->p : Symbol(p, Decl(file.tsx, 14, 14))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Comp : Symbol(Comp, Decl(file.tsx, 14, 1))
+>p : Symbol(p, Decl(file.tsx, 16, 14))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
return {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 14, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 16, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// Error: no children specified
let k =
->Comp : Symbol(Comp, Decl(file.tsx, 12, 1))
->a : Symbol(a, Decl(file.tsx, 23, 9))
->b : Symbol(b, Decl(file.tsx, 23, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 14, 1))
+>a : Symbol(a, Decl(file.tsx, 25, 9))
+>b : Symbol(b, Decl(file.tsx, 25, 16))
;
->Comp : Symbol(Comp, Decl(file.tsx, 12, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 14, 1))
let k2 =
->k2 : Symbol(k2, Decl(file.tsx, 26, 3))
+>k2 : Symbol(k2, Decl(file.tsx, 28, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 12, 1))
->a : Symbol(a, Decl(file.tsx, 27, 9))
->b : Symbol(b, Decl(file.tsx, 27, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 14, 1))
+>a : Symbol(a, Decl(file.tsx, 29, 9))
+>b : Symbol(b, Decl(file.tsx, 29, 16))
{Button}
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
;
->Comp : Symbol(Comp, Decl(file.tsx, 12, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 14, 1))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty5.types b/tests/baselines/reference/checkJsxChildrenProperty5.types
index e6548450acaf4..37eb5aed18409 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty5.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty5.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty5.tsx] ////
=== file.tsx ===
+/// {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 48))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 48))
return (My Button
)
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -37,8 +39,8 @@ class Button extends React.Component {
}
function AnotherButton(p: any) {
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->p : Symbol(p, Decl(file.tsx, 14, 23))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>p : Symbol(p, Decl(file.tsx, 16, 23))
return Just Another Button ;
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
@@ -46,73 +48,73 @@ function AnotherButton(p: any) {
}
function Comp(p: Prop) {
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
return {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// Ok
let k1 =
->k1 : Symbol(k1, Decl(file.tsx, 23, 3))
+>k1 : Symbol(k1, Decl(file.tsx, 25, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->a : Symbol(a, Decl(file.tsx, 24, 9))
->b : Symbol(b, Decl(file.tsx, 24, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>a : Symbol(a, Decl(file.tsx, 26, 9))
+>b : Symbol(b, Decl(file.tsx, 26, 16))
;
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
let k2 =
->k2 : Symbol(k2, Decl(file.tsx, 29, 3))
+>k2 : Symbol(k2, Decl(file.tsx, 31, 3))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->a : Symbol(a, Decl(file.tsx, 30, 9))
->b : Symbol(b, Decl(file.tsx, 30, 16))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>a : Symbol(a, Decl(file.tsx, 32, 9))
+>b : Symbol(b, Decl(file.tsx, 32, 16))
;
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
let k3 = {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 48))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 48))
return (My Button
)
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -37,8 +39,8 @@ class Button extends React.Component {
}
function AnotherButton(p: any) {
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->p : Symbol(p, Decl(file.tsx, 14, 23))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>p : Symbol(p, Decl(file.tsx, 16, 23))
return Just Another Button ;
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
@@ -46,47 +48,47 @@ function AnotherButton(p: any) {
}
function Comp(p: Prop) {
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
return {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// Error: whitespaces matters
let k1 = ;
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty7.types b/tests/baselines/reference/checkJsxChildrenProperty7.types
index fed71f80cf95c..565d8513fb066 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty7.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty7.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty7.tsx] ////
=== file.tsx ===
+/// {
->Button : Symbol(Button, Decl(file.tsx, 6, 1))
+>Button : Symbol(Button, Decl(file.tsx, 8, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
render() {
->render : Symbol(Button.render, Decl(file.tsx, 8, 48))
+>render : Symbol(Button.render, Decl(file.tsx, 10, 48))
return (My Button
)
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -37,8 +39,8 @@ class Button extends React.Component {
}
function AnotherButton(p: any) {
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->p : Symbol(p, Decl(file.tsx, 14, 23))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>p : Symbol(p, Decl(file.tsx, 16, 23))
return Just Another Button ;
>h1 : Symbol(JSX.IntrinsicElements.h1, Decl(react.d.ts, 2410, 47))
@@ -46,55 +48,55 @@ function AnotherButton(p: any) {
}
function Comp(p: Prop) {
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
return {p.b}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->p.b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
->p : Symbol(p, Decl(file.tsx, 18, 14))
->b : Symbol(Prop.b, Decl(file.tsx, 3, 14))
+>p.b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
+>p : Symbol(p, Decl(file.tsx, 20, 14))
+>b : Symbol(Prop.b, Decl(file.tsx, 5, 14))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
// OK
let k1 = ;
->AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 12, 1))
->Comp : Symbol(Comp, Decl(file.tsx, 16, 1))
+>AnotherButton : Symbol(AnotherButton, Decl(file.tsx, 14, 1))
+>Comp : Symbol(Comp, Decl(file.tsx, 18, 1))
let k4 = {1} {"That is a number"}
;
//// [file.jsx]
"use strict";
+///
Hello world
;
->k1 : Symbol(k1, Decl(file.tsx, 3, 3))
+>k1 : Symbol(k1, Decl(file.tsx, 5, 3))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>h2 : Symbol(JSX.IntrinsicElements.h2, Decl(react.d.ts, 2411, 48))
>h2 : Symbol(JSX.IntrinsicElements.h2, Decl(react.d.ts, 2411, 48))
@@ -15,18 +17,18 @@ let k1 =
Hello world ;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
let k2 =
Hello {(user: any) => {user.name} };
->k2 : Symbol(k2, Decl(file.tsx, 4, 3))
+>k2 : Symbol(k2, Decl(file.tsx, 6, 3))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>h2 : Symbol(JSX.IntrinsicElements.h2, Decl(react.d.ts, 2411, 48))
>h2 : Symbol(JSX.IntrinsicElements.h2, Decl(react.d.ts, 2411, 48))
->user : Symbol(user, Decl(file.tsx, 4, 34))
+>user : Symbol(user, Decl(file.tsx, 6, 34))
>h2 : Symbol(JSX.IntrinsicElements.h2, Decl(react.d.ts, 2411, 48))
->user : Symbol(user, Decl(file.tsx, 4, 34))
+>user : Symbol(user, Decl(file.tsx, 6, 34))
>h2 : Symbol(JSX.IntrinsicElements.h2, Decl(react.d.ts, 2411, 48))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
let k3 = {1} {"That is a number"}
;
->k3 : Symbol(k3, Decl(file.tsx, 5, 3))
+>k3 : Symbol(k3, Decl(file.tsx, 7, 3))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
diff --git a/tests/baselines/reference/checkJsxChildrenProperty9.types b/tests/baselines/reference/checkJsxChildrenProperty9.types
index c82cb04bf2341..85c297d0e666d 100644
--- a/tests/baselines/reference/checkJsxChildrenProperty9.types
+++ b/tests/baselines/reference/checkJsxChildrenProperty9.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty9.tsx] ////
=== file.tsx ===
+/// {
initialValues: T;
@@ -21,4 +22,4 @@ file.tsx(13,54): error TS2322: Type '(a: { x: string; }) => string' is not assig
!!! error TS2322: Type '(a: { x: string; }) => string' is not assignable to type '((a: { x: string; }) => string) & ((cur: { x: string; }) => { x: string; })'.
!!! error TS2322: Type '(a: { x: string; }) => string' is not assignable to type '(cur: { x: string; }) => { x: string; }'.
!!! error TS2322: Type 'string' is not assignable to type '{ x: string; }'.
-!!! related TS6500 file.tsx:13:54: The expected type comes from property 'nextValues' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes string; }, { x: string; }>> & { initialValues: { x: string; }; nextValues: (a: { x: string; }) => string; } & BaseProps<{ x: string; }> & { children?: ReactNode; }'
\ No newline at end of file
+!!! related TS6500 file.tsx:14:54: The expected type comes from property 'nextValues' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes string; }, { x: string; }>> & { initialValues: { x: string; }; nextValues: (a: { x: string; }) => string; } & BaseProps<{ x: string; }> & { children?: ReactNode; }'
\ No newline at end of file
diff --git a/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.js b/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.js
index e6bbf28d39b9d..56445009fa2ef 100644
--- a/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.js
+++ b/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.js
@@ -1,6 +1,7 @@
//// [tests/cases/conformance/jsx/checkJsxGenericTagHasCorrectInferences.tsx] ////
//// [file.tsx]
+/// {
initialValues: T;
@@ -51,6 +52,7 @@ var __importStar = (this && this.__importStar) || (function () {
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
+/// {
->BaseProps : Symbol(BaseProps, Decl(file.tsx, 0, 31))
->T : Symbol(T, Decl(file.tsx, 1, 20))
+>BaseProps : Symbol(BaseProps, Decl(file.tsx, 1, 31))
+>T : Symbol(T, Decl(file.tsx, 2, 20))
initialValues: T;
->initialValues : Symbol(BaseProps.initialValues, Decl(file.tsx, 1, 24))
->T : Symbol(T, Decl(file.tsx, 1, 20))
+>initialValues : Symbol(BaseProps.initialValues, Decl(file.tsx, 2, 24))
+>T : Symbol(T, Decl(file.tsx, 2, 20))
nextValues: (cur: T) => T;
->nextValues : Symbol(BaseProps.nextValues, Decl(file.tsx, 2, 19))
->cur : Symbol(cur, Decl(file.tsx, 3, 15))
->T : Symbol(T, Decl(file.tsx, 1, 20))
->T : Symbol(T, Decl(file.tsx, 1, 20))
+>nextValues : Symbol(BaseProps.nextValues, Decl(file.tsx, 3, 19))
+>cur : Symbol(cur, Decl(file.tsx, 4, 15))
+>T : Symbol(T, Decl(file.tsx, 2, 20))
+>T : Symbol(T, Decl(file.tsx, 2, 20))
}
declare class GenericComponent extends React.Component, {}> {
->GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 4, 1))
->Props : Symbol(Props, Decl(file.tsx, 5, 31))
->Values : Symbol(Values, Decl(file.tsx, 5, 42))
+>GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 5, 1))
+>Props : Symbol(Props, Decl(file.tsx, 6, 31))
+>Values : Symbol(Values, Decl(file.tsx, 6, 42))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->React : Symbol(React, Decl(file.tsx, 0, 6))
+>React : Symbol(React, Decl(file.tsx, 1, 6))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Props : Symbol(Props, Decl(file.tsx, 5, 31))
->BaseProps : Symbol(BaseProps, Decl(file.tsx, 0, 31))
->Values : Symbol(Values, Decl(file.tsx, 5, 42))
+>Props : Symbol(Props, Decl(file.tsx, 6, 31))
+>BaseProps : Symbol(BaseProps, Decl(file.tsx, 1, 31))
+>Values : Symbol(Values, Decl(file.tsx, 6, 42))
iv: Values;
->iv : Symbol(GenericComponent.iv, Decl(file.tsx, 5, 116))
->Values : Symbol(Values, Decl(file.tsx, 5, 42))
+>iv : Symbol(GenericComponent.iv, Decl(file.tsx, 6, 116))
+>Values : Symbol(Values, Decl(file.tsx, 6, 42))
}
let a = a} />; // No error
->a : Symbol(a, Decl(file.tsx, 9, 3))
->GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 4, 1))
->initialValues : Symbol(initialValues, Decl(file.tsx, 9, 25))
->x : Symbol(x, Decl(file.tsx, 9, 42))
->nextValues : Symbol(nextValues, Decl(file.tsx, 9, 52))
->a : Symbol(a, Decl(file.tsx, 9, 65))
->a : Symbol(a, Decl(file.tsx, 9, 65))
-
-let b = a} />; // No error - Values should be reinstantiated with `number` (since `object` is a default, not a constraint)
->b : Symbol(b, Decl(file.tsx, 10, 3))
->GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 4, 1))
+>a : Symbol(a, Decl(file.tsx, 10, 3))
+>GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 5, 1))
>initialValues : Symbol(initialValues, Decl(file.tsx, 10, 25))
->nextValues : Symbol(nextValues, Decl(file.tsx, 10, 44))
->a : Symbol(a, Decl(file.tsx, 10, 57))
->a : Symbol(a, Decl(file.tsx, 10, 57))
+>x : Symbol(x, Decl(file.tsx, 10, 42))
+>nextValues : Symbol(nextValues, Decl(file.tsx, 10, 52))
+>a : Symbol(a, Decl(file.tsx, 10, 65))
+>a : Symbol(a, Decl(file.tsx, 10, 65))
-let c = ({ x: a.x })} />; // No Error
->c : Symbol(c, Decl(file.tsx, 11, 3))
->GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 4, 1))
+let b = a} />; // No error - Values should be reinstantiated with `number` (since `object` is a default, not a constraint)
+>b : Symbol(b, Decl(file.tsx, 11, 3))
+>GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 5, 1))
>initialValues : Symbol(initialValues, Decl(file.tsx, 11, 25))
->x : Symbol(x, Decl(file.tsx, 11, 42))
->nextValues : Symbol(nextValues, Decl(file.tsx, 11, 52))
->a : Symbol(a, Decl(file.tsx, 11, 65))
->x : Symbol(x, Decl(file.tsx, 11, 72))
->a.x : Symbol(x, Decl(file.tsx, 11, 42))
->a : Symbol(a, Decl(file.tsx, 11, 65))
->x : Symbol(x, Decl(file.tsx, 11, 42))
+>nextValues : Symbol(nextValues, Decl(file.tsx, 11, 44))
+>a : Symbol(a, Decl(file.tsx, 11, 57))
+>a : Symbol(a, Decl(file.tsx, 11, 57))
-let d = a.x} />; // Error - `string` is not assignable to `{x: string}`
->d : Symbol(d, Decl(file.tsx, 12, 3))
->GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 4, 1))
+let c = ({ x: a.x })} />; // No Error
+>c : Symbol(c, Decl(file.tsx, 12, 3))
+>GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 5, 1))
>initialValues : Symbol(initialValues, Decl(file.tsx, 12, 25))
>x : Symbol(x, Decl(file.tsx, 12, 42))
>nextValues : Symbol(nextValues, Decl(file.tsx, 12, 52))
>a : Symbol(a, Decl(file.tsx, 12, 65))
+>x : Symbol(x, Decl(file.tsx, 12, 72))
>a.x : Symbol(x, Decl(file.tsx, 12, 42))
>a : Symbol(a, Decl(file.tsx, 12, 65))
>x : Symbol(x, Decl(file.tsx, 12, 42))
+let d = a.x} />; // Error - `string` is not assignable to `{x: string}`
+>d : Symbol(d, Decl(file.tsx, 13, 3))
+>GenericComponent : Symbol(GenericComponent, Decl(file.tsx, 5, 1))
+>initialValues : Symbol(initialValues, Decl(file.tsx, 13, 25))
+>x : Symbol(x, Decl(file.tsx, 13, 42))
+>nextValues : Symbol(nextValues, Decl(file.tsx, 13, 52))
+>a : Symbol(a, Decl(file.tsx, 13, 65))
+>a.x : Symbol(x, Decl(file.tsx, 13, 42))
+>a : Symbol(a, Decl(file.tsx, 13, 65))
+>x : Symbol(x, Decl(file.tsx, 13, 42))
+
diff --git a/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.types b/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.types
index 519b58df460c1..332aff90081a5 100644
--- a/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.types
+++ b/tests/baselines/reference/checkJsxGenericTagHasCorrectInferences.types
@@ -1,6 +1,7 @@
//// [tests/cases/conformance/jsx/checkJsxGenericTagHasCorrectInferences.tsx] ////
=== file.tsx ===
+///
@@ -34,6 +36,7 @@ import React = require('react');
//// [file.jsx]
"use strict";
+///
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
diff --git a/tests/baselines/reference/commentEmittingInPreserveJsx1.symbols b/tests/baselines/reference/commentEmittingInPreserveJsx1.symbols
index 403c1fa4b893e..95b9f32fdbed6 100644
--- a/tests/baselines/reference/commentEmittingInPreserveJsx1.symbols
+++ b/tests/baselines/reference/commentEmittingInPreserveJsx1.symbols
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/commentEmittingInPreserveJsx1.tsx] ////
=== file.tsx ===
+///
+
import React = require('react');
>React : Symbol(React, Decl(file.tsx, 0, 0))
diff --git a/tests/baselines/reference/commentEmittingInPreserveJsx1.types b/tests/baselines/reference/commentEmittingInPreserveJsx1.types
index b993270d54d38..d4f2698eb24ab 100644
--- a/tests/baselines/reference/commentEmittingInPreserveJsx1.types
+++ b/tests/baselines/reference/commentEmittingInPreserveJsx1.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/commentEmittingInPreserveJsx1.tsx] ////
=== file.tsx ===
+///
+
import React = require('react');
>React : typeof React
> : ^^^^^^^^^^^^
diff --git a/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.errors.txt b/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.errors.txt
index fa606b616e89c..1e772a07b3bc7 100644
--- a/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.errors.txt
+++ b/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.errors.txt
@@ -1,38 +1,40 @@
-file.tsx(29,56): error TS2769: No overload matches this call.
+file.tsx(31,56): error TS2769: No overload matches this call.
Overload 1 of 2, '(buttonProps: ButtonProps): Element', gave the following error.
Type '{ extra: true; onClick: (k: "left" | "right") => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & ButtonProps'.
Overload 2 of 2, '(linkProps: LinkProps): Element', gave the following error.
Type '{ extra: true; onClick: (k: "left" | "right") => void; }' is not assignable to type 'IntrinsicAttributes & LinkProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & LinkProps'.
-file.tsx(30,13): error TS2769: No overload matches this call.
+file.tsx(32,13): error TS2769: No overload matches this call.
Overload 1 of 2, '(buttonProps: ButtonProps): Element', gave the following error.
Type '{ onClick: (k: "left" | "right") => void; extra: true; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & ButtonProps'.
Overload 2 of 2, '(linkProps: LinkProps): Element', gave the following error.
Type '{ onClick: (k: "left" | "right") => void; extra: true; }' is not assignable to type 'IntrinsicAttributes & LinkProps'.
Property 'onClick' does not exist on type 'IntrinsicAttributes & LinkProps'.
-file.tsx(31,43): error TS2769: No overload matches this call.
+file.tsx(33,43): error TS2769: No overload matches this call.
Overload 1 of 2, '(buttonProps: ButtonProps): Element', gave the following error.
Type '{ extra: true; goTo: string; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & ButtonProps'.
Overload 2 of 2, '(linkProps: LinkProps): Element', gave the following error.
Type '{ extra: true; goTo: "home"; }' is not assignable to type 'IntrinsicAttributes & LinkProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & LinkProps'.
-file.tsx(32,13): error TS2769: No overload matches this call.
+file.tsx(34,13): error TS2769: No overload matches this call.
Overload 1 of 2, '(buttonProps: ButtonProps): Element', gave the following error.
Type '{ goTo: string; extra: true; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
Property 'goTo' does not exist on type 'IntrinsicAttributes & ButtonProps'.
Overload 2 of 2, '(linkProps: LinkProps): Element', gave the following error.
Type '{ goTo: "home"; extra: true; }' is not assignable to type 'IntrinsicAttributes & LinkProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & LinkProps'.
-file.tsx(35,57): error TS2322: Type '{ extra: true; onClick: (k: "left" | "right") => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
+file.tsx(37,57): error TS2322: Type '{ extra: true; onClick: (k: "left" | "right") => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & ButtonProps'.
-file.tsx(38,44): error TS2322: Type '{ extra: true; goTo: "home"; }' is not assignable to type 'IntrinsicAttributes & LinkProps'.
+file.tsx(40,44): error TS2322: Type '{ extra: true; goTo: "home"; }' is not assignable to type 'IntrinsicAttributes & LinkProps'.
Property 'extra' does not exist on type 'IntrinsicAttributes & LinkProps'.
==== file.tsx (6 errors) ====
+ ///
+
import React = require('react')
declare function log(...args: any[]): void;
diff --git a/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.js b/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.js
index 99e9a39734182..52d48d8a71e63 100644
--- a/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.js
+++ b/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/types/contextualTypes/jsxAttributes/contextuallyTypedStringLiteralsInJsxAttributes02.tsx] ////
//// [file.tsx]
+///
+
import React = require('react')
declare function log(...args: any[]): void;
@@ -43,6 +45,7 @@ const d1 =
; // goTo has type "home" |
//// [file.jsx]
"use strict";
+///
Object.defineProperty(exports, "__esModule", { value: true });
exports.MainButton = MainButton;
exports.NoOverload = NoOverload;
diff --git a/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.symbols b/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.symbols
index a9ae1b83ab99f..21ec52b71aa29 100644
--- a/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.symbols
+++ b/tests/baselines/reference/contextuallyTypedStringLiteralsInJsxAttributes02.symbols
@@ -1,138 +1,140 @@
//// [tests/cases/conformance/types/contextualTypes/jsxAttributes/contextuallyTypedStringLiteralsInJsxAttributes02.tsx] ////
=== file.tsx ===
+///
+
import React = require('react')
>React : Symbol(React, Decl(file.tsx, 0, 0))
declare function log(...args: any[]): void;
->log : Symbol(log, Decl(file.tsx, 0, 31))
->args : Symbol(args, Decl(file.tsx, 2, 21))
+>log : Symbol(log, Decl(file.tsx, 2, 31))
+>args : Symbol(args, Decl(file.tsx, 4, 21))
export interface ClickableProps {
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 43))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 4, 43))
children?: string;
->children : Symbol(ClickableProps.children, Decl(file.tsx, 4, 33))
+>children : Symbol(ClickableProps.children, Decl(file.tsx, 6, 33))
className?: string;
->className : Symbol(ClickableProps.className, Decl(file.tsx, 5, 22))
+>className : Symbol(ClickableProps.className, Decl(file.tsx, 7, 22))
}
export interface ButtonProps extends ClickableProps {
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 43))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 9, 1))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 4, 43))
onClick: (k: "left" | "right") => void;
->onClick : Symbol(ButtonProps.onClick, Decl(file.tsx, 9, 53))
->k : Symbol(k, Decl(file.tsx, 10, 14))
+>onClick : Symbol(ButtonProps.onClick, Decl(file.tsx, 11, 53))
+>k : Symbol(k, Decl(file.tsx, 12, 14))
}
export interface LinkProps extends ClickableProps {
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 43))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 4, 43))
goTo: "home" | "contact";
->goTo : Symbol(LinkProps.goTo, Decl(file.tsx, 13, 51))
+>goTo : Symbol(LinkProps.goTo, Decl(file.tsx, 15, 51))
}
export function MainButton(buttonProps: ButtonProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 15, 1), Decl(file.tsx, 17, 66), Decl(file.tsx, 18, 62))
->buttonProps : Symbol(buttonProps, Decl(file.tsx, 17, 27))
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 17, 1), Decl(file.tsx, 19, 66), Decl(file.tsx, 20, 62))
+>buttonProps : Symbol(buttonProps, Decl(file.tsx, 19, 27))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 9, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(linkProps: LinkProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 15, 1), Decl(file.tsx, 17, 66), Decl(file.tsx, 18, 62))
->linkProps : Symbol(linkProps, Decl(file.tsx, 18, 27))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 17, 1), Decl(file.tsx, 19, 66), Decl(file.tsx, 20, 62))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 20, 27))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(props: ButtonProps | LinkProps): JSX.Element {
->MainButton : Symbol(MainButton, Decl(file.tsx, 15, 1), Decl(file.tsx, 17, 66), Decl(file.tsx, 18, 62))
->props : Symbol(props, Decl(file.tsx, 19, 27))
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 17, 1), Decl(file.tsx, 19, 66), Decl(file.tsx, 20, 62))
+>props : Symbol(props, Decl(file.tsx, 21, 27))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 9, 1))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
const linkProps = props as LinkProps;
->linkProps : Symbol(linkProps, Decl(file.tsx, 20, 9))
->props : Symbol(props, Decl(file.tsx, 19, 27))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 22, 9))
+>props : Symbol(props, Decl(file.tsx, 21, 27))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
if(linkProps.goTo) {
->linkProps.goTo : Symbol(LinkProps.goTo, Decl(file.tsx, 13, 51))
->linkProps : Symbol(linkProps, Decl(file.tsx, 20, 9))
->goTo : Symbol(LinkProps.goTo, Decl(file.tsx, 13, 51))
+>linkProps.goTo : Symbol(LinkProps.goTo, Decl(file.tsx, 15, 51))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 22, 9))
+>goTo : Symbol(LinkProps.goTo, Decl(file.tsx, 15, 51))
return this._buildMainLink(props);
->props : Symbol(props, Decl(file.tsx, 19, 27))
+>props : Symbol(props, Decl(file.tsx, 21, 27))
}
return this._buildMainButton(props);
->props : Symbol(props, Decl(file.tsx, 19, 27))
+>props : Symbol(props, Decl(file.tsx, 21, 27))
}
const b0 =
{log(k)}}} extra />; // k has type "left" | "right"
->b0 : Symbol(b0, Decl(file.tsx, 28, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 15, 1), Decl(file.tsx, 17, 66), Decl(file.tsx, 18, 62))
->onClick : Symbol(onClick, Decl(file.tsx, 28, 28))
->k : Symbol(k, Decl(file.tsx, 28, 38))
->log : Symbol(log, Decl(file.tsx, 0, 31))
->k : Symbol(k, Decl(file.tsx, 28, 38))
->extra : Symbol(extra, Decl(file.tsx, 28, 54))
+>b0 : Symbol(b0, Decl(file.tsx, 30, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 17, 1), Decl(file.tsx, 19, 66), Decl(file.tsx, 20, 62))
+>onClick : Symbol(onClick, Decl(file.tsx, 30, 28))
+>k : Symbol(k, Decl(file.tsx, 30, 38))
+>log : Symbol(log, Decl(file.tsx, 2, 31))
+>k : Symbol(k, Decl(file.tsx, 30, 38))
+>extra : Symbol(extra, Decl(file.tsx, 30, 54))
const b2 = {log(k)}} extra />; // k has type "left" | "right"
->b2 : Symbol(b2, Decl(file.tsx, 29, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 15, 1), Decl(file.tsx, 17, 66), Decl(file.tsx, 18, 62))
->onClick : Symbol(onClick, Decl(file.tsx, 29, 22))
->k : Symbol(k, Decl(file.tsx, 29, 33))
->log : Symbol(log, Decl(file.tsx, 0, 31))
->k : Symbol(k, Decl(file.tsx, 29, 33))
->extra : Symbol(extra, Decl(file.tsx, 29, 46))
+>b2 : Symbol(b2, Decl(file.tsx, 31, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 17, 1), Decl(file.tsx, 19, 66), Decl(file.tsx, 20, 62))
+>onClick : Symbol(onClick, Decl(file.tsx, 31, 22))
+>k : Symbol(k, Decl(file.tsx, 31, 33))
+>log : Symbol(log, Decl(file.tsx, 2, 31))
+>k : Symbol(k, Decl(file.tsx, 31, 33))
+>extra : Symbol(extra, Decl(file.tsx, 31, 46))
const b3 = {log(k)}}} extra />; // k has type any
->c1 : Symbol(c1, Decl(file.tsx, 34, 5))
->NoOverload : Symbol(NoOverload, Decl(file.tsx, 31, 44))
->onClick : Symbol(onClick, Decl(file.tsx, 34, 29))
->k : Symbol(k, Decl(file.tsx, 34, 39))
->log : Symbol(log, Decl(file.tsx, 0, 31))
->k : Symbol(k, Decl(file.tsx, 34, 39))
->extra : Symbol(extra, Decl(file.tsx, 34, 55))
+>c1 : Symbol(c1, Decl(file.tsx, 36, 5))
+>NoOverload : Symbol(NoOverload, Decl(file.tsx, 33, 44))
+>onClick : Symbol(onClick, Decl(file.tsx, 36, 29))
+>k : Symbol(k, Decl(file.tsx, 36, 39))
+>log : Symbol(log, Decl(file.tsx, 2, 31))
+>k : Symbol(k, Decl(file.tsx, 36, 39))
+>extra : Symbol(extra, Decl(file.tsx, 36, 55))
export function NoOverload1(linkProps: LinkProps): JSX.Element { return undefined }
->NoOverload1 : Symbol(NoOverload1, Decl(file.tsx, 34, 65))
->linkProps : Symbol(linkProps, Decl(file.tsx, 36, 28))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>NoOverload1 : Symbol(NoOverload1, Decl(file.tsx, 36, 65))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 38, 28))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
>undefined : Symbol(undefined)
const d1 =
//// [0.js]
+///
->k : Symbol(k, Decl(0.tsx, 5, 3))
+>k : Symbol(k, Decl(0.tsx, 6, 3))
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
->buttonProps : Symbol(buttonProps, Decl(0.tsx, 4, 3))
+>buttonProps : Symbol(buttonProps, Decl(0.tsx, 5, 3))
;
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
diff --git a/tests/baselines/reference/correctlyMarkAliasAsReferences1.types b/tests/baselines/reference/correctlyMarkAliasAsReferences1.types
index e21077fcfc11f..fff6b6515427f 100644
--- a/tests/baselines/reference/correctlyMarkAliasAsReferences1.types
+++ b/tests/baselines/reference/correctlyMarkAliasAsReferences1.types
@@ -1,6 +1,7 @@
//// [tests/cases/conformance/jsx/correctlyMarkAliasAsReferences1.tsx] ////
=== 0.tsx ===
+///
//// [0.js]
+///
->k : Symbol(k, Decl(0.tsx, 5, 3))
+>k : Symbol(k, Decl(0.tsx, 6, 3))
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
->buttonProps : Symbol(buttonProps, Decl(0.tsx, 4, 3))
+>buttonProps : Symbol(buttonProps, Decl(0.tsx, 5, 3))
;
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
diff --git a/tests/baselines/reference/correctlyMarkAliasAsReferences2.types b/tests/baselines/reference/correctlyMarkAliasAsReferences2.types
index da7806339a7be..4eb31046db991 100644
--- a/tests/baselines/reference/correctlyMarkAliasAsReferences2.types
+++ b/tests/baselines/reference/correctlyMarkAliasAsReferences2.types
@@ -1,6 +1,7 @@
//// [tests/cases/conformance/jsx/correctlyMarkAliasAsReferences2.tsx] ////
=== 0.tsx ===
+///
//// [0.js]
+///
->k : Symbol(k, Decl(0.tsx, 5, 3))
+>k : Symbol(k, Decl(0.tsx, 6, 3))
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
->buttonProps : Symbol(buttonProps, Decl(0.tsx, 4, 3))
+>buttonProps : Symbol(buttonProps, Decl(0.tsx, 5, 3))
;
>button : Symbol(JSX.IntrinsicElements.button, Decl(react.d.ts, 2386, 43))
diff --git a/tests/baselines/reference/correctlyMarkAliasAsReferences3.types b/tests/baselines/reference/correctlyMarkAliasAsReferences3.types
index 639409a9e3e7e..c1ef9ec38d157 100644
--- a/tests/baselines/reference/correctlyMarkAliasAsReferences3.types
+++ b/tests/baselines/reference/correctlyMarkAliasAsReferences3.types
@@ -1,6 +1,7 @@
//// [tests/cases/conformance/jsx/correctlyMarkAliasAsReferences3.tsx] ////
=== 0.tsx ===
+/// {
- internalProp: P;
- }
-
- export interface Prop {
- a: number,
- b: string
- }
-
==== file.jsx (7 errors) ====
+ /// {
+ internalProp: P;
+ }
+
+ export interface Prop {
+ a: number,
+ b: string
+ }
+
\ No newline at end of file
diff --git a/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.js b/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.js
index 15e2270ab7206..729378118fe66 100644
--- a/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.js
+++ b/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.js
@@ -12,6 +12,7 @@ export interface Prop {
}
//// [file.jsx]
+/// a={10} b="hi" />; // error, no type arguments in js
diff --git a/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.symbols b/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.symbols
index a21ff874bb561..ebbbdcf570e56 100644
--- a/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.symbols
+++ b/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.symbols
@@ -1,5 +1,18 @@
//// [tests/cases/conformance/jsx/jsxCheckJsxNoTypeArgumentsAllowed.tsx] ////
+=== file.jsx ===
+/// a={10} b="hi" />; // error, no type arguments in js
+>x : Symbol(x, Decl(file.jsx, 4, 3))
+>MyComp : Symbol(MyComp, Decl(file.jsx, 1, 8))
+
=== component.d.ts ===
import * as React from "react";
>React : Symbol(React, Decl(component.d.ts, 0, 6))
@@ -27,15 +40,3 @@ export interface Prop {
>b : Symbol(Prop.b, Decl(component.d.ts, 6, 14))
}
-=== file.jsx ===
-import { MyComp, Prop } from "./component";
->MyComp : Symbol(MyComp, Decl(file.jsx, 0, 8))
->Prop : Symbol(Prop, Decl(file.jsx, 0, 16))
-
-import * as React from "react";
->React : Symbol(React, Decl(file.jsx, 1, 6))
-
-let x = a={10} b="hi" />; // error, no type arguments in js
->x : Symbol(x, Decl(file.jsx, 3, 3))
->MyComp : Symbol(MyComp, Decl(file.jsx, 0, 8))
-
diff --git a/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.types b/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.types
index 16375b8f6c33b..07d3c84c95052 100644
--- a/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.types
+++ b/tests/baselines/reference/jsxCheckJsxNoTypeArgumentsAllowed.types
@@ -1,36 +1,7 @@
//// [tests/cases/conformance/jsx/jsxCheckJsxNoTypeArgumentsAllowed.tsx] ////
-=== component.d.ts ===
-import * as React from "react";
->React : typeof React
-> : ^^^^^^^^^^^^
-
-export declare class MyComp extends React.Component {
->MyComp : MyComp
-> : ^^^^^^^^^
->React.Component : React.Component
-> : ^^^^^^^^^^^^^^^^^^^^^^
->React : typeof React
-> : ^^^^^^^^^^^^
->Component : typeof React.Component
-> : ^^^^^^^^^^^^^^^^^^^^^^
-
- internalProp: P;
->internalProp : P
-> : ^
-}
-
-export interface Prop {
- a: number,
->a : number
-> : ^^^^^^
-
- b: string
->b : string
-> : ^^^^^^
-}
-
=== file.jsx ===
+/// a={10} b="hi" />; // error, no type arguments in js
> : any
> : ^^^
+=== component.d.ts ===
+import * as React from "react";
+>React : typeof React
+> : ^^^^^^^^^^^^
+
+export declare class MyComp extends React.Component {
+>MyComp : MyComp
+> : ^^^^^^^^^
+>React.Component : React.Component
+> : ^^^^^^^^^^^^^^^^^^^^^^
+>React : typeof React
+> : ^^^^^^^^^^^^
+>Component : typeof React.Component
+> : ^^^^^^^^^^^^^^^^^^^^^^
+
+ internalProp: P;
+>internalProp : P
+> : ^
+}
+
+export interface Prop {
+ a: number,
+>a : number
+> : ^^^^^^
+
+ b: string
+>b : string
+> : ^^^^^^
+}
+
diff --git a/tests/baselines/reference/jsxHasLiteralType.js b/tests/baselines/reference/jsxHasLiteralType.js
index 5064fa100c36e..e97e1042938d9 100644
--- a/tests/baselines/reference/jsxHasLiteralType.js
+++ b/tests/baselines/reference/jsxHasLiteralType.js
@@ -1,6 +1,7 @@
//// [tests/cases/compiler/jsxHasLiteralType.tsx] ////
//// [jsxHasLiteralType.tsx]
+/// extends React.Component {}
->MyComponent : Symbol(MyComponent, Decl(jsxHasLiteralType.tsx, 4, 1))
->P : Symbol(P, Decl(jsxHasLiteralType.tsx, 5, 18))
->Props : Symbol(Props, Decl(jsxHasLiteralType.tsx, 0, 31))
->Props : Symbol(Props, Decl(jsxHasLiteralType.tsx, 0, 31))
+>MyComponent : Symbol(MyComponent, Decl(jsxHasLiteralType.tsx, 5, 1))
+>P : Symbol(P, Decl(jsxHasLiteralType.tsx, 6, 18))
+>Props : Symbol(Props, Decl(jsxHasLiteralType.tsx, 1, 31))
+>Props : Symbol(Props, Decl(jsxHasLiteralType.tsx, 1, 31))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->React : Symbol(React, Decl(jsxHasLiteralType.tsx, 0, 6))
+>React : Symbol(React, Decl(jsxHasLiteralType.tsx, 1, 6))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->P : Symbol(P, Decl(jsxHasLiteralType.tsx, 5, 18))
+>P : Symbol(P, Decl(jsxHasLiteralType.tsx, 6, 18))
const m = = { [K in keyof T]: T[K] extends Function ? K : never }[keyof T];
class TestObject {
@@ -21,6 +22,7 @@ const el2 = model={model} foo="c" />;
//// [jsxInferenceProducesLiteralAsExpected.js]
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
+/// = { [K in keyof T]: T[K] extends Function ? K : never }[keyof T];
->FunctionPropertyNames : Symbol(FunctionPropertyNames, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 0, 32))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 27))
->K : Symbol(K, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 35))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 27))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 27))
->K : Symbol(K, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 35))
+>FunctionPropertyNames : Symbol(FunctionPropertyNames, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 32))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 27))
+>K : Symbol(K, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 35))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 27))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 27))
+>K : Symbol(K, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 35))
>Function : Symbol(Function, Decl(lib.es5.d.ts, --, --), Decl(lib.es5.d.ts, --, --), Decl(lib.es2015.core.d.ts, --, --), Decl(lib.es2015.symbol.wellknown.d.ts, --, --))
->K : Symbol(K, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 35))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 27))
+>K : Symbol(K, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 35))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 27))
class TestObject {
->TestObject : Symbol(TestObject, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 95))
+>TestObject : Symbol(TestObject, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 95))
a: string = '';
->a : Symbol(TestObject.a, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 18))
+>a : Symbol(TestObject.a, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 3, 18))
b: number = 1;
->b : Symbol(TestObject.b, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 3, 19))
+>b : Symbol(TestObject.b, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 4, 19))
c: () => void = () => { };
->c : Symbol(TestObject.c, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 4, 18))
+>c : Symbol(TestObject.c, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 5, 18))
}
interface TestProps {
->TestProps : Symbol(TestProps, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 6, 1))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 7, 20))
+>TestProps : Symbol(TestProps, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 7, 1))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 8, 20))
model: T;
->model : Symbol(TestProps.model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 7, 24))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 7, 20))
+>model : Symbol(TestProps.model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 8, 24))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 8, 20))
foo: FunctionPropertyNames;
->foo : Symbol(TestProps.foo, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 8, 13))
->FunctionPropertyNames : Symbol(FunctionPropertyNames, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 0, 32))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 7, 20))
+>foo : Symbol(TestProps.foo, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 9, 13))
+>FunctionPropertyNames : Symbol(FunctionPropertyNames, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 32))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 8, 20))
}
function Test(props: TestProps) { return <>; }
->Test : Symbol(Test, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 10, 1))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 11, 14))
->props : Symbol(props, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 11, 17))
->TestProps : Symbol(TestProps, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 6, 1))
->T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 11, 14))
+>Test : Symbol(Test, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 11, 1))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 12, 14))
+>props : Symbol(props, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 12, 17))
+>TestProps : Symbol(TestProps, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 7, 1))
+>T : Symbol(T, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 12, 14))
const model = new TestObject();
->model : Symbol(model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 12, 5))
->TestObject : Symbol(TestObject, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 95))
+>model : Symbol(model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 13, 5))
+>TestObject : Symbol(TestObject, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 95))
const el1 = model={model} foo="c" />;
->el2 : Symbol(el2, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 15, 5))
->Test : Symbol(Test, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 10, 1))
->TestObject : Symbol(TestObject, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 1, 95))
->model : Symbol(model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 15, 29))
->model : Symbol(model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 12, 5))
->foo : Symbol(foo, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 15, 43))
+>el2 : Symbol(el2, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 16, 5))
+>Test : Symbol(Test, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 11, 1))
+>TestObject : Symbol(TestObject, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 2, 95))
+>model : Symbol(model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 16, 29))
+>model : Symbol(model, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 13, 5))
+>foo : Symbol(foo, Decl(jsxInferenceProducesLiteralAsExpected.tsx, 16, 43))
diff --git a/tests/baselines/reference/jsxInferenceProducesLiteralAsExpected.types b/tests/baselines/reference/jsxInferenceProducesLiteralAsExpected.types
index 7e9cee1af46d6..4d52024be8476 100644
--- a/tests/baselines/reference/jsxInferenceProducesLiteralAsExpected.types
+++ b/tests/baselines/reference/jsxInferenceProducesLiteralAsExpected.types
@@ -6,6 +6,7 @@ Type Count: 5,000
Instantiation count: 10,000
=== jsxInferenceProducesLiteralAsExpected.tsx ===
+/// {props.content}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->props.content : Symbol(content, Decl(jsxSpreadFirstUnionNoErrors.tsx, 4, 22))
->props : Symbol(props, Decl(jsxSpreadFirstUnionNoErrors.tsx, 6, 14))
->content : Symbol(content, Decl(jsxSpreadFirstUnionNoErrors.tsx, 4, 22))
+>props.content : Symbol(content, Decl(jsxSpreadFirstUnionNoErrors.tsx, 5, 22))
+>props : Symbol(props, Decl(jsxSpreadFirstUnionNoErrors.tsx, 7, 14))
+>content : Symbol(content, Decl(jsxSpreadFirstUnionNoErrors.tsx, 5, 22))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
const a = { props.a }
;
->Foo : Symbol(Foo, Decl(file.tsx, 11, 5))
->props : Symbol(props, Decl(file.tsx, 11, 13))
->Props : Symbol(Props, Decl(file.tsx, 0, 32))
+>Foo : Symbol(Foo, Decl(file.tsx, 13, 5))
+>props : Symbol(props, Decl(file.tsx, 13, 13))
+>Props : Symbol(Props, Decl(file.tsx, 2, 32))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->props.a : Symbol(Props.a, Decl(file.tsx, 2, 17))
->props : Symbol(props, Decl(file.tsx, 11, 13))
->a : Symbol(Props.a, Decl(file.tsx, 2, 17))
+>props.a : Symbol(Props.a, Decl(file.tsx, 4, 17))
+>props : Symbol(props, Decl(file.tsx, 13, 13))
+>a : Symbol(Props.a, Decl(file.tsx, 4, 17))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
// ok
const a1 =
);
+
+==== a.ts (0 errors) ====
+ export const texts: string[] = [];
+
+ /**
+ @ts-ignore */
+ texts.push(100);
+
+ /**
+ @ts-expect-error */
+ texts.push(100);
+
+ /**
+ @ts-expect-error */
+ texts.push("100");
\ No newline at end of file
diff --git a/tests/baselines/reference/multiline.js b/tests/baselines/reference/multiline.js
index d829ebd85287f..6023fb5538184 100644
--- a/tests/baselines/reference/multiline.js
+++ b/tests/baselines/reference/multiline.js
@@ -16,6 +16,7 @@ texts.push(100);
texts.push("100");
//// [b.tsx]
+///
import * as React from "react";
export function MyComponent(props: { foo: string }) {
@@ -53,20 +54,6 @@ let x = (
);
-//// [a.js]
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.texts = void 0;
-exports.texts = [];
-/**
- @ts-ignore */
-exports.texts.push(100);
-/**
- @ts-expect-error */
-exports.texts.push(100);
-/**
- @ts-expect-error */
-exports.texts.push("100");
//// [b.js]
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -104,6 +91,7 @@ var __importStar = (this && this.__importStar) || (function () {
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.MyComponent = MyComponent;
+///
var React = __importStar(require("react"));
function MyComponent(props) {
return React.createElement("div", null);
diff --git a/tests/baselines/reference/multiline.symbols b/tests/baselines/reference/multiline.symbols
index 1377c6d90085f..cfaae631c4f2a 100644
--- a/tests/baselines/reference/multiline.symbols
+++ b/tests/baselines/reference/multiline.symbols
@@ -1,45 +1,21 @@
//// [tests/cases/conformance/directives/multiline.tsx] ////
-=== a.ts ===
-export const texts: string[] = [];
->texts : Symbol(texts, Decl(a.ts, 0, 12))
-
-/**
- @ts-ignore */
-texts.push(100);
->texts.push : Symbol(Array.push, Decl(lib.es5.d.ts, --, --))
->texts : Symbol(texts, Decl(a.ts, 0, 12))
->push : Symbol(Array.push, Decl(lib.es5.d.ts, --, --))
-
-/**
- @ts-expect-error */
-texts.push(100);
->texts.push : Symbol(Array.push, Decl(lib.es5.d.ts, --, --))
->texts : Symbol(texts, Decl(a.ts, 0, 12))
->push : Symbol(Array.push, Decl(lib.es5.d.ts, --, --))
-
-/**
- @ts-expect-error */
-texts.push("100");
->texts.push : Symbol(Array.push, Decl(lib.es5.d.ts, --, --))
->texts : Symbol(texts, Decl(a.ts, 0, 12))
->push : Symbol(Array.push, Decl(lib.es5.d.ts, --, --))
-
=== b.tsx ===
+///
import * as React from "react";
->React : Symbol(React, Decl(b.tsx, 0, 6))
+>React : Symbol(React, Decl(b.tsx, 1, 6))
export function MyComponent(props: { foo: string }) {
->MyComponent : Symbol(MyComponent, Decl(b.tsx, 0, 31))
->props : Symbol(props, Decl(b.tsx, 2, 28))
->foo : Symbol(foo, Decl(b.tsx, 2, 36))
+>MyComponent : Symbol(MyComponent, Decl(b.tsx, 1, 31))
+>props : Symbol(props, Decl(b.tsx, 3, 28))
+>foo : Symbol(foo, Decl(b.tsx, 3, 36))
return
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
let x = (
->x : Symbol(x, Decl(b.tsx, 6, 3))
+>x : Symbol(x, Decl(b.tsx, 7, 3))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -47,42 +23,42 @@ let x = (
{/*
@ts-ignore */}
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
diff --git a/tests/baselines/reference/multiline.types b/tests/baselines/reference/multiline.types
index faa866b1c280b..fdad5badfeb58 100644
--- a/tests/baselines/reference/multiline.types
+++ b/tests/baselines/reference/multiline.types
@@ -5,56 +5,8 @@ Assignability cache: 1,000
Type Count: 5,000
Instantiation count: 10,000
-=== a.ts ===
-export const texts: string[] = [];
->texts : string[]
-> : ^^^^^^^^
->[] : undefined[]
-> : ^^^^^^^^^^^
-
-/**
- @ts-ignore */
-texts.push(100);
->texts.push(100) : number
-> : ^^^^^^
->texts.push : (...items: string[]) => number
-> : ^^^^ ^^^^^^^^^^^^^^^
->texts : string[]
-> : ^^^^^^^^
->push : (...items: string[]) => number
-> : ^^^^ ^^^^^^^^^^^^^^^
->100 : 100
-> : ^^^
-
-/**
- @ts-expect-error */
-texts.push(100);
->texts.push(100) : number
-> : ^^^^^^
->texts.push : (...items: string[]) => number
-> : ^^^^ ^^^^^^^^^^^^^^^
->texts : string[]
-> : ^^^^^^^^
->push : (...items: string[]) => number
-> : ^^^^ ^^^^^^^^^^^^^^^
->100 : 100
-> : ^^^
-
-/**
- @ts-expect-error */
-texts.push("100");
->texts.push("100") : number
-> : ^^^^^^
->texts.push : (...items: string[]) => number
-> : ^^^^ ^^^^^^^^^^^^^^^
->texts : string[]
-> : ^^^^^^^^
->push : (...items: string[]) => number
-> : ^^^^ ^^^^^^^^^^^^^^^
->"100" : "100"
-> : ^^^^^
-
=== b.tsx ===
+///
import * as React from "react";
>React : typeof React
> : ^^^^^^^^^^^^
diff --git a/tests/baselines/reference/tsxAttributeResolution15.errors.txt b/tests/baselines/reference/tsxAttributeResolution15.errors.txt
index b6da011b0d550..776fee47d10d3 100644
--- a/tests/baselines/reference/tsxAttributeResolution15.errors.txt
+++ b/tests/baselines/reference/tsxAttributeResolution15.errors.txt
@@ -1,9 +1,11 @@
-file.tsx(11,21): error TS2322: Type '{ prop1: string; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes
& { children?: ReactNode; }'.
+file.tsx(13,21): error TS2322: Type '{ prop1: string; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & { children?: ReactNode; }'.
Property 'prop1' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & { children?: ReactNode; }'.
-file.tsx(14,39): error TS2532: Object is possibly 'undefined'.
+file.tsx(16,39): error TS2532: Object is possibly 'undefined'.
==== file.tsx (2 errors) ====
+ /// Default hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
greeting: string;
->greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 5, 5))
+>greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 7, 5))
}
// Error
let a = { this.textInput = input; }} />
->b : Symbol(b, Decl(file.tsx, 13, 3))
->BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 0, 32))
->ref : Symbol(ref, Decl(file.tsx, 13, 19))
->input : Symbol(input, Decl(file.tsx, 13, 26))
->input : Symbol(input, Decl(file.tsx, 13, 26))
+>b : Symbol(b, Decl(file.tsx, 15, 3))
+>BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 2, 32))
+>ref : Symbol(ref, Decl(file.tsx, 15, 19))
+>input : Symbol(input, Decl(file.tsx, 15, 26))
+>input : Symbol(input, Decl(file.tsx, 15, 26))
let c = {
->AddressComp : Symbol(AddressComp, Decl(file.tsx, 15, 52))
+>AddressComp : Symbol(AddressComp, Decl(file.tsx, 17, 52))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Properties : Symbol(Properties, Decl(file.tsx, 13, 1))
+>Properties : Symbol(Properties, Decl(file.tsx, 15, 1))
public render() {
->render : Symbol(AddressComp.render, Decl(file.tsx, 17, 68))
+>render : Symbol(AddressComp.render, Decl(file.tsx, 19, 68))
return null;
}
}
let a = my component ;
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
diff --git a/tests/baselines/reference/tsxDeepAttributeAssignabilityError.types b/tests/baselines/reference/tsxDeepAttributeAssignabilityError.types
index 8c9d75160e1d2..f87a127c04759 100644
--- a/tests/baselines/reference/tsxDeepAttributeAssignabilityError.types
+++ b/tests/baselines/reference/tsxDeepAttributeAssignabilityError.types
@@ -1,6 +1,7 @@
//// [tests/cases/compiler/tsxDeepAttributeAssignabilityError.tsx] ////
=== my-component.tsx ===
+/// {
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 4, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 6, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 5, 50))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 7, 50))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -28,7 +30,7 @@ class Poisoned extends React.Component {
// OK
let p = {
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 4, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 6, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 5, 50))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 7, 50))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -28,7 +30,7 @@ class Poisoned extends React.Component {
// OK
let p = & Prop & { children?: ReactNode; }'
\ No newline at end of file
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Prop & { children?: ReactNode; }'
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxDefaultAttributesResolution3.js b/tests/baselines/reference/tsxDefaultAttributesResolution3.js
index eb05b9d023aa9..49e27dca8d237 100644
--- a/tests/baselines/reference/tsxDefaultAttributesResolution3.js
+++ b/tests/baselines/reference/tsxDefaultAttributesResolution3.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxDefaultAttributesResolution3.tsx] ////
//// [file.tsx]
+/// {
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 4, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 6, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 5, 50))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 7, 50))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -28,7 +30,7 @@ class Poisoned extends React.Component {
// Error
let p = my component ;
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
diff --git a/tests/baselines/reference/tsxFragmentChildrenCheck.types b/tests/baselines/reference/tsxFragmentChildrenCheck.types
index 6f79111fba099..08e5f2b3e98ef 100644
--- a/tests/baselines/reference/tsxFragmentChildrenCheck.types
+++ b/tests/baselines/reference/tsxFragmentChildrenCheck.types
@@ -1,6 +1,7 @@
//// [tests/cases/compiler/tsxFragmentChildrenCheck.ts] ////
=== my-component.tsx ===
+/// (Component: React.StatelessComponent): React.StatelessComponent {
@@ -17,6 +19,7 @@ const decorator3 = function (
//// [file.jsx]
"use strict";
+/// (Component: React.StatelessComponent): React.StatelessComponent {
->decorator : Symbol(decorator, Decl(file.tsx, 2, 5))
->T : Symbol(T, Decl(file.tsx, 2, 28))
->Component : Symbol(Component, Decl(file.tsx, 2, 31))
+>decorator : Symbol(decorator, Decl(file.tsx, 4, 5))
+>T : Symbol(T, Decl(file.tsx, 4, 28))
+>Component : Symbol(Component, Decl(file.tsx, 4, 31))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 2, 28))
+>T : Symbol(T, Decl(file.tsx, 4, 28))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 2, 28))
+>T : Symbol(T, Decl(file.tsx, 4, 28))
return (props) => (Component: React.StatelessComponent): React.StatelessComponent {
->decorator2 : Symbol(decorator2, Decl(file.tsx, 6, 5))
->T : Symbol(T, Decl(file.tsx, 6, 29))
->x : Symbol(x, Decl(file.tsx, 6, 40))
->Component : Symbol(Component, Decl(file.tsx, 6, 54))
+>decorator2 : Symbol(decorator2, Decl(file.tsx, 8, 5))
+>T : Symbol(T, Decl(file.tsx, 8, 29))
+>x : Symbol(x, Decl(file.tsx, 8, 40))
+>Component : Symbol(Component, Decl(file.tsx, 8, 54))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 6, 29))
+>T : Symbol(T, Decl(file.tsx, 8, 29))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 6, 29))
+>T : Symbol(T, Decl(file.tsx, 8, 29))
return (props) => (Component: React.StatelessComponent): React.StatelessComponent {
->decorator3 : Symbol(decorator3, Decl(file.tsx, 10, 5))
->T : Symbol(T, Decl(file.tsx, 10, 29))
->x : Symbol(x, Decl(file.tsx, 10, 40))
->U : Symbol(U, Decl(file.tsx, 10, 53))
->x : Symbol(x, Decl(file.tsx, 10, 65))
->Component : Symbol(Component, Decl(file.tsx, 10, 80))
+>decorator3 : Symbol(decorator3, Decl(file.tsx, 12, 5))
+>T : Symbol(T, Decl(file.tsx, 12, 29))
+>x : Symbol(x, Decl(file.tsx, 12, 40))
+>U : Symbol(U, Decl(file.tsx, 12, 53))
+>x : Symbol(x, Decl(file.tsx, 12, 65))
+>Component : Symbol(Component, Decl(file.tsx, 12, 80))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 10, 29))
+>T : Symbol(T, Decl(file.tsx, 12, 29))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 10, 29))
+>T : Symbol(T, Decl(file.tsx, 12, 29))
return (props) => (Component: React.StatelessComponent): React.StatelessComponent {
@@ -9,6 +11,7 @@ const decorator4 = function (Component: React.Stateless
//// [file.jsx]
"use strict";
+/// (Component: React.StatelessComponent): React.StatelessComponent {
->decorator4 : Symbol(decorator4, Decl(file.tsx, 2, 5))
->T : Symbol(T, Decl(file.tsx, 2, 29))
->x : Symbol(x, Decl(file.tsx, 2, 40))
->Component : Symbol(Component, Decl(file.tsx, 2, 54))
+>decorator4 : Symbol(decorator4, Decl(file.tsx, 4, 5))
+>T : Symbol(T, Decl(file.tsx, 4, 29))
+>x : Symbol(x, Decl(file.tsx, 4, 40))
+>Component : Symbol(Component, Decl(file.tsx, 4, 54))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 2, 29))
+>T : Symbol(T, Decl(file.tsx, 4, 29))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->T : Symbol(T, Decl(file.tsx, 2, 29))
+>T : Symbol(T, Decl(file.tsx, 4, 29))
return (props) => extends React.Component {
@@ -16,6 +18,7 @@ class B extends React.Component {
//// [file.jsx]
"use strict";
+/// extends React.Component {
->B1 : Symbol(B1, Decl(file.tsx, 0, 32))
->T : Symbol(T, Decl(file.tsx, 2, 9))
->x : Symbol(x, Decl(file.tsx, 2, 20))
->x : Symbol(x, Decl(file.tsx, 2, 36))
+>B1 : Symbol(B1, Decl(file.tsx, 2, 32))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
+>x : Symbol(x, Decl(file.tsx, 4, 20))
+>x : Symbol(x, Decl(file.tsx, 4, 36))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->T : Symbol(T, Decl(file.tsx, 2, 9))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
render() {
->render : Symbol(B1.render, Decl(file.tsx, 2, 82))
+>render : Symbol(B1.render, Decl(file.tsx, 4, 82))
return hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -23,21 +25,21 @@ class B1 extends React.Component
}
}
class B extends React.Component {
->B : Symbol(B, Decl(file.tsx, 6, 1))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>B : Symbol(B, Decl(file.tsx, 8, 1))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
render() {
->render : Symbol(B.render, Decl(file.tsx, 7, 43))
+>render : Symbol(B.render, Decl(file.tsx, 9, 43))
return extends React.Component {
@@ -16,6 +18,7 @@ class B extends React.Component {
//// [file.jsx]
"use strict";
+/// extends React.Component {
->B1 : Symbol(B1, Decl(file.tsx, 0, 32))
->T : Symbol(T, Decl(file.tsx, 2, 9))
->x : Symbol(x, Decl(file.tsx, 2, 20))
+>B1 : Symbol(B1, Decl(file.tsx, 2, 32))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
+>x : Symbol(x, Decl(file.tsx, 4, 20))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->T : Symbol(T, Decl(file.tsx, 2, 9))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
render() {
->render : Symbol(B1.render, Decl(file.tsx, 2, 66))
+>render : Symbol(B1.render, Decl(file.tsx, 4, 66))
return hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -22,21 +24,21 @@ class B1 extends React.Component {
}
}
class B extends React.Component {
->B : Symbol(B, Decl(file.tsx, 6, 1))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>B : Symbol(B, Decl(file.tsx, 8, 1))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
render() {
->render : Symbol(B.render, Decl(file.tsx, 7, 43))
+>render : Symbol(B.render, Decl(file.tsx, 9, 43))
return extends React.Component {
@@ -17,6 +19,7 @@ class B extends React.Component {
//// [file.jsx]
"use strict";
+/// extends React.Component {
->B1 : Symbol(B1, Decl(file.tsx, 0, 32))
->T : Symbol(T, Decl(file.tsx, 2, 9))
->x : Symbol(x, Decl(file.tsx, 2, 20))
+>B1 : Symbol(B1, Decl(file.tsx, 2, 32))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
+>x : Symbol(x, Decl(file.tsx, 4, 20))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->T : Symbol(T, Decl(file.tsx, 2, 9))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
render() {
->render : Symbol(B1.render, Decl(file.tsx, 2, 66))
+>render : Symbol(B1.render, Decl(file.tsx, 4, 66))
return hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -22,25 +24,25 @@ class B1 extends React.Component {
}
}
class B extends React.Component {
->B : Symbol(B, Decl(file.tsx, 6, 1))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>B : Symbol(B, Decl(file.tsx, 8, 1))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
props: U;
->props : Symbol(B.props, Decl(file.tsx, 7, 43))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>props : Symbol(B.props, Decl(file.tsx, 9, 43))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
render() {
->render : Symbol(B.render, Decl(file.tsx, 8, 13))
+>render : Symbol(B.render, Decl(file.tsx, 10, 13))
return extends React.Component {
@@ -17,6 +19,7 @@ class B extends React.Component {
//// [file.jsx]
"use strict";
+/// extends React.Component {
->B1 : Symbol(B1, Decl(file.tsx, 0, 32))
->T : Symbol(T, Decl(file.tsx, 2, 9))
->x : Symbol(x, Decl(file.tsx, 2, 20))
->x : Symbol(x, Decl(file.tsx, 2, 36))
+>B1 : Symbol(B1, Decl(file.tsx, 2, 32))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
+>x : Symbol(x, Decl(file.tsx, 4, 20))
+>x : Symbol(x, Decl(file.tsx, 4, 36))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->T : Symbol(T, Decl(file.tsx, 2, 9))
+>T : Symbol(T, Decl(file.tsx, 4, 9))
render() {
->render : Symbol(B1.render, Decl(file.tsx, 2, 82))
+>render : Symbol(B1.render, Decl(file.tsx, 4, 82))
return hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -23,25 +25,25 @@ class B1 extends React.Component
}
}
class B extends React.Component {
->B : Symbol(B, Decl(file.tsx, 6, 1))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>B : Symbol(B, Decl(file.tsx, 8, 1))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
props: U;
->props : Symbol(B.props, Decl(file.tsx, 7, 43))
->U : Symbol(U, Decl(file.tsx, 7, 8))
+>props : Symbol(B.props, Decl(file.tsx, 9, 43))
+>U : Symbol(U, Decl(file.tsx, 9, 8))
render() {
->render : Symbol(B.render, Decl(file.tsx, 8, 13))
+>render : Symbol(B.render, Decl(file.tsx, 10, 13))
return (props: T) : JSX.Element;
@@ -14,6 +16,7 @@ const decorator1 = function (props: U) {
//// [file.jsx]
"use strict";
+/// (props: T) : JSX.Element;
->Component : Symbol(Component, Decl(file.tsx, 0, 32))
->T : Symbol(T, Decl(file.tsx, 2, 27))
->props : Symbol(props, Decl(file.tsx, 2, 30))
->T : Symbol(T, Decl(file.tsx, 2, 27))
+>Component : Symbol(Component, Decl(file.tsx, 2, 32))
+>T : Symbol(T, Decl(file.tsx, 4, 27))
+>props : Symbol(props, Decl(file.tsx, 4, 30))
+>T : Symbol(T, Decl(file.tsx, 4, 27))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
const decorator = function (props: U) {
->decorator : Symbol(decorator, Decl(file.tsx, 3, 5))
->U : Symbol(U, Decl(file.tsx, 3, 28))
->props : Symbol(props, Decl(file.tsx, 3, 31))
->U : Symbol(U, Decl(file.tsx, 3, 28))
+>decorator : Symbol(decorator, Decl(file.tsx, 5, 5))
+>U : Symbol(U, Decl(file.tsx, 5, 28))
+>props : Symbol(props, Decl(file.tsx, 5, 31))
+>U : Symbol(U, Decl(file.tsx, 5, 28))
return (props: U) {
->decorator1 : Symbol(decorator1, Decl(file.tsx, 7, 5))
->U : Symbol(U, Decl(file.tsx, 7, 29))
->x : Symbol(x, Decl(file.tsx, 7, 40))
->props : Symbol(props, Decl(file.tsx, 7, 52))
->U : Symbol(U, Decl(file.tsx, 7, 29))
+>decorator1 : Symbol(decorator1, Decl(file.tsx, 9, 5))
+>U : Symbol(U, Decl(file.tsx, 9, 29))
+>x : Symbol(x, Decl(file.tsx, 9, 40))
+>props : Symbol(props, Decl(file.tsx, 9, 52))
+>U : Symbol(U, Decl(file.tsx, 9, 29))
return (props: T) : JSX.Element;
@@ -14,6 +16,7 @@ const decorator1 = function (props: U) {
//// [file.jsx]
"use strict";
+/// (props: T) : JSX.Element;
->Component : Symbol(Component, Decl(file.tsx, 0, 32))
->T : Symbol(T, Decl(file.tsx, 2, 27))
->props : Symbol(props, Decl(file.tsx, 2, 30))
->T : Symbol(T, Decl(file.tsx, 2, 27))
+>Component : Symbol(Component, Decl(file.tsx, 2, 32))
+>T : Symbol(T, Decl(file.tsx, 4, 27))
+>props : Symbol(props, Decl(file.tsx, 4, 30))
+>T : Symbol(T, Decl(file.tsx, 4, 27))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
const decorator = function (props: U) {
->decorator : Symbol(decorator, Decl(file.tsx, 3, 5))
->U : Symbol(U, Decl(file.tsx, 3, 28))
->props : Symbol(props, Decl(file.tsx, 3, 31))
->U : Symbol(U, Decl(file.tsx, 3, 28))
+>decorator : Symbol(decorator, Decl(file.tsx, 5, 5))
+>U : Symbol(U, Decl(file.tsx, 5, 28))
+>props : Symbol(props, Decl(file.tsx, 5, 31))
+>U : Symbol(U, Decl(file.tsx, 5, 28))
return (props: U) {
->decorator1 : Symbol(decorator1, Decl(file.tsx, 7, 5))
->U : Symbol(U, Decl(file.tsx, 7, 29))
->x : Symbol(x, Decl(file.tsx, 7, 40))
->props : Symbol(props, Decl(file.tsx, 7, 52))
->U : Symbol(U, Decl(file.tsx, 7, 29))
+>decorator1 : Symbol(decorator1, Decl(file.tsx, 9, 5))
+>U : Symbol(U, Decl(file.tsx, 9, 29))
+>x : Symbol(x, Decl(file.tsx, 9, 40))
+>props : Symbol(props, Decl(file.tsx, 9, 52))
+>U : Symbol(U, Decl(file.tsx, 9, 29))
return (Ctor: React.ComponentClass
) {
@@ -17,6 +19,7 @@ export function makeP
(Ctor: React.ComponentClass
) {
//// [file.jsx]
"use strict";
+///
(Ctor: React.ComponentClass
) {
->makeP : Symbol(makeP, Decl(file.tsx, 0, 32))
->P : Symbol(P, Decl(file.tsx, 2, 22))
->Ctor : Symbol(Ctor, Decl(file.tsx, 2, 25))
+>makeP : Symbol(makeP, Decl(file.tsx, 2, 32))
+>P : Symbol(P, Decl(file.tsx, 4, 22))
+>Ctor : Symbol(Ctor, Decl(file.tsx, 4, 25))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>ComponentClass : Symbol(React.ComponentClass, Decl(react.d.ts, 205, 5))
->P : Symbol(P, Decl(file.tsx, 2, 22))
+>P : Symbol(P, Decl(file.tsx, 4, 22))
return class extends React.PureComponent {
>React.PureComponent : Symbol(React.PureComponent, Decl(react.d.ts, 180, 5))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>PureComponent : Symbol(React.PureComponent, Decl(react.d.ts, 180, 5))
->P : Symbol(P, Decl(file.tsx, 2, 22))
+>P : Symbol(P, Decl(file.tsx, 4, 22))
public render(): JSX.Element {
->render : Symbol((Anonymous class).render, Decl(file.tsx, 3, 52))
+>render : Symbol((Anonymous class).render, Decl(file.tsx, 5, 52))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
return (
extends React.Component {
->MyComp : Symbol(MyComp, Decl(file.tsx, 5, 1))
->P : Symbol(P, Decl(file.tsx, 7, 21))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>MyComp : Symbol(MyComp, Decl(file.tsx, 7, 1))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->P : Symbol(P, Decl(file.tsx, 7, 21))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
internalProp: P;
->internalProp : Symbol(MyComp.internalProp, Decl(file.tsx, 7, 63))
->P : Symbol(P, Decl(file.tsx, 7, 21))
+>internalProp : Symbol(MyComp.internalProp, Decl(file.tsx, 9, 63))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
}
let x = extends React.Component {
->MyComp : Symbol(MyComp, Decl(file.tsx, 5, 1))
->P : Symbol(P, Decl(file.tsx, 7, 21))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>MyComp : Symbol(MyComp, Decl(file.tsx, 7, 1))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->P : Symbol(P, Decl(file.tsx, 7, 21))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
internalProp: P;
->internalProp : Symbol(MyComp.internalProp, Decl(file.tsx, 7, 63))
->P : Symbol(P, Decl(file.tsx, 7, 21))
+>internalProp : Symbol(MyComp.internalProp, Decl(file.tsx, 9, 63))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
}
let x = > & Prop & { children?: ReactNode; }'
\ No newline at end of file
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'a' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes> & Prop & { children?: ReactNode; }'
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxReactComponentWithDefaultTypeParameter3.js b/tests/baselines/reference/tsxReactComponentWithDefaultTypeParameter3.js
index ddcae6321975b..3bbe469e13d5d 100644
--- a/tests/baselines/reference/tsxReactComponentWithDefaultTypeParameter3.js
+++ b/tests/baselines/reference/tsxReactComponentWithDefaultTypeParameter3.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxReactComponentWithDefaultTypeParameter3.tsx] ////
//// [file.tsx]
+/// extends React.Component {
->MyComp : Symbol(MyComp, Decl(file.tsx, 5, 1))
->P : Symbol(P, Decl(file.tsx, 7, 21))
->Prop : Symbol(Prop, Decl(file.tsx, 0, 32))
+>MyComp : Symbol(MyComp, Decl(file.tsx, 7, 1))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
+>Prop : Symbol(Prop, Decl(file.tsx, 2, 32))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->P : Symbol(P, Decl(file.tsx, 7, 21))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
internalProp: P;
->internalProp : Symbol(MyComp.internalProp, Decl(file.tsx, 7, 69))
->P : Symbol(P, Decl(file.tsx, 7, 21))
+>internalProp : Symbol(MyComp.internalProp, Decl(file.tsx, 9, 69))
+>P : Symbol(P, Decl(file.tsx, 9, 21))
}
// Error
let x1 = Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -20,15 +22,15 @@ class Poisoned extends React.Component<{}, {}> {
}
const obj = {};
->obj : Symbol(obj, Decl(file.tsx, 8, 5))
+>obj : Symbol(obj, Decl(file.tsx, 10, 5))
// OK
let p = ;
~
!!! error TS2322: Type '3' is not assignable to type '2'.
-!!! related TS6500 file.tsx:4:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & OptionProp & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & OptionProp & { children?: ReactNode; }'
let y1 = & OptionProp & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & OptionProp & { children?: ReactNode; }'
let y2 = ;
~
!!! error TS2322: Type '3' is not assignable to type '2'.
-!!! related TS6500 file.tsx:4:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & OptionProp & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & OptionProp & { children?: ReactNode; }'
let y3 = & OptionProp & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & OptionProp & { children?: ReactNode; }'
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxSpreadAttributesResolution10.js b/tests/baselines/reference/tsxSpreadAttributesResolution10.js
index 4a2d54524c214..aa01852476b13 100644
--- a/tests/baselines/reference/tsxSpreadAttributesResolution10.js
+++ b/tests/baselines/reference/tsxSpreadAttributesResolution10.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxSpreadAttributesResolution10.tsx] ////
//// [file.tsx]
+/// {
->Opt : Symbol(Opt, Decl(file.tsx, 4, 1))
+>Opt : Symbol(Opt, Decl(file.tsx, 6, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->OptionProp : Symbol(OptionProp, Decl(file.tsx, 0, 32))
+>OptionProp : Symbol(OptionProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Opt.render, Decl(file.tsx, 6, 51))
+>render : Symbol(Opt.render, Decl(file.tsx, 8, 51))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -28,38 +30,38 @@ class Opt extends React.Component {
}
const obj: OptionProp = {};
->obj : Symbol(obj, Decl(file.tsx, 12, 5))
->OptionProp : Symbol(OptionProp, Decl(file.tsx, 0, 32))
+>obj : Symbol(obj, Decl(file.tsx, 14, 5))
+>OptionProp : Symbol(OptionProp, Decl(file.tsx, 2, 32))
const obj1: OptionProp = {
->obj1 : Symbol(obj1, Decl(file.tsx, 13, 5))
->OptionProp : Symbol(OptionProp, Decl(file.tsx, 0, 32))
+>obj1 : Symbol(obj1, Decl(file.tsx, 15, 5))
+>OptionProp : Symbol(OptionProp, Decl(file.tsx, 2, 32))
x: 2
->x : Symbol(x, Decl(file.tsx, 13, 26))
+>x : Symbol(x, Decl(file.tsx, 15, 26))
}
// Error
let y = ;
->y : Symbol(y, Decl(file.tsx, 18, 3))
->Opt : Symbol(Opt, Decl(file.tsx, 4, 1))
->obj : Symbol(obj, Decl(file.tsx, 12, 5))
->x : Symbol(x, Decl(file.tsx, 18, 21))
+>y : Symbol(y, Decl(file.tsx, 20, 3))
+>Opt : Symbol(Opt, Decl(file.tsx, 6, 1))
+>obj : Symbol(obj, Decl(file.tsx, 14, 5))
+>x : Symbol(x, Decl(file.tsx, 20, 21))
let y1 = ;
->y2 : Symbol(y2, Decl(file.tsx, 20, 3))
->Opt : Symbol(Opt, Decl(file.tsx, 4, 1))
->obj1 : Symbol(obj1, Decl(file.tsx, 13, 5))
->x : Symbol(x, Decl(file.tsx, 20, 23))
+>y2 : Symbol(y2, Decl(file.tsx, 22, 3))
+>Opt : Symbol(Opt, Decl(file.tsx, 6, 1))
+>obj1 : Symbol(obj1, Decl(file.tsx, 15, 5))
+>x : Symbol(x, Decl(file.tsx, 22, 23))
let y3 = {
->OverWriteAttr : Symbol(OverWriteAttr, Decl(file.tsx, 15, 1))
+>OverWriteAttr : Symbol(OverWriteAttr, Decl(file.tsx, 17, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Prop : Symbol(Prop, Decl(file.tsx, 9, 1))
+>Prop : Symbol(Prop, Decl(file.tsx, 11, 1))
render() {
->render : Symbol(OverWriteAttr.render, Decl(file.tsx, 17, 55))
+>render : Symbol(OverWriteAttr.render, Decl(file.tsx, 19, 55))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -56,50 +58,50 @@ class OverWriteAttr extends React.Component {
}
let anyobj: any;
->anyobj : Symbol(anyobj, Decl(file.tsx, 23, 3))
+>anyobj : Symbol(anyobj, Decl(file.tsx, 25, 3))
// OK
let x = & Prop & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:16:5: The expected type comes from property 'y' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Prop & { children?: ReactNode; }'
let x1 = & Prop & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:15:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & Prop & { children?: ReactNode; }'
let x2 = {
->OverWriteAttr : Symbol(OverWriteAttr, Decl(file.tsx, 15, 1))
+>OverWriteAttr : Symbol(OverWriteAttr, Decl(file.tsx, 17, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Prop : Symbol(Prop, Decl(file.tsx, 9, 1))
+>Prop : Symbol(Prop, Decl(file.tsx, 11, 1))
render() {
->render : Symbol(OverWriteAttr.render, Decl(file.tsx, 17, 55))
+>render : Symbol(OverWriteAttr.render, Decl(file.tsx, 19, 55))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -56,36 +58,36 @@ class OverWriteAttr extends React.Component {
}
let anyobj: any;
->anyobj : Symbol(anyobj, Decl(file.tsx, 23, 3))
+>anyobj : Symbol(anyobj, Decl(file.tsx, 25, 3))
// Error
let x = {property1}
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
->property1 : Symbol(property1, Decl(file.tsx, 23, 25))
+>property1 : Symbol(property1, Decl(file.tsx, 25, 25))
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
);
diff --git a/tests/baselines/reference/tsxSpreadAttributesResolution13.types b/tests/baselines/reference/tsxSpreadAttributesResolution13.types
index cc4ac513ee39c..5524402d29222 100644
--- a/tests/baselines/reference/tsxSpreadAttributesResolution13.types
+++ b/tests/baselines/reference/tsxSpreadAttributesResolution13.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxSpreadAttributesResolution13.tsx] ////
=== file.tsx ===
+/// {property1}
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
->property1 : Symbol(property1, Decl(file.tsx, 18, 27))
+>property1 : Symbol(property1, Decl(file.tsx, 20, 27))
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
);
diff --git a/tests/baselines/reference/tsxSpreadAttributesResolution14.types b/tests/baselines/reference/tsxSpreadAttributesResolution14.types
index 85ed528a3515b..b9654259ef992 100644
--- a/tests/baselines/reference/tsxSpreadAttributesResolution14.types
+++ b/tests/baselines/reference/tsxSpreadAttributesResolution14.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxSpreadAttributesResolution14.tsx] ////
=== file.tsx ===
+/// {property1}
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
->property1 : Symbol(property1, Decl(file.tsx, 19, 27))
+>property1 : Symbol(property1, Decl(file.tsx, 21, 27))
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
);
diff --git a/tests/baselines/reference/tsxSpreadAttributesResolution15.types b/tests/baselines/reference/tsxSpreadAttributesResolution15.types
index d56dc6a442a31..f3dfd1def96a7 100644
--- a/tests/baselines/reference/tsxSpreadAttributesResolution15.types
+++ b/tests/baselines/reference/tsxSpreadAttributesResolution15.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxSpreadAttributesResolution15.tsx] ////
=== file.tsx ===
+/// {property1}
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
->property1 : Symbol(property1, Decl(file.tsx, 20, 27))
+>property1 : Symbol(property1, Decl(file.tsx, 22, 27))
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
);
diff --git a/tests/baselines/reference/tsxSpreadAttributesResolution16.types b/tests/baselines/reference/tsxSpreadAttributesResolution16.types
index e59d83dce5545..270e0ea57ccc2 100644
--- a/tests/baselines/reference/tsxSpreadAttributesResolution16.types
+++ b/tests/baselines/reference/tsxSpreadAttributesResolution16.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxSpreadAttributesResolution16.tsx] ////
=== file.tsx ===
+/// & PoisonedProp & { children?: ReactNode; }'.
+file.tsx(26,40): error TS2322: Type '{ X: string; x: number; y: "2"; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & PoisonedProp & { children?: ReactNode; }'.
Property 'X' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & PoisonedProp & { children?: ReactNode; }'. Did you mean 'x'?
==== file.tsx (6 errors) ====
+ /// & PoisonedProp & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'x' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & PoisonedProp & { children?: ReactNode; }'
~
!!! error TS2322: Type 'true' is not assignable to type '"2"'.
-!!! related TS6500 file.tsx:5:5: The expected type comes from property 'y' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & PoisonedProp & { children?: ReactNode; }'
+!!! related TS6500 file.tsx:7:5: The expected type comes from property 'y' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes & PoisonedProp & { children?: ReactNode; }'
let w = {
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 5, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 7, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 0, 32))
+>PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 7, 58))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 9, 58))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -31,40 +33,40 @@ class Poisoned extends React.Component {
}
const obj = {};
->obj : Symbol(obj, Decl(file.tsx, 13, 5))
+>obj : Symbol(obj, Decl(file.tsx, 15, 5))
// OK
{
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 5, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 7, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 0, 32))
+>PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 7, 58))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 9, 58))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -31,25 +33,25 @@ class Poisoned extends React.Component {
}
const obj = {
->obj : Symbol(obj, Decl(file.tsx, 13, 5))
+>obj : Symbol(obj, Decl(file.tsx, 15, 5))
x: "hello world",
->x : Symbol(x, Decl(file.tsx, 13, 13))
+>x : Symbol(x, Decl(file.tsx, 15, 13))
y: 2
->y : Symbol(y, Decl(file.tsx, 14, 21))
+>y : Symbol(y, Decl(file.tsx, 16, 21))
};
// OK
let p = {
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 5, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 7, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 0, 32))
+>PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 7, 58))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 9, 58))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -31,31 +33,31 @@ class Poisoned extends React.Component {
}
const obj: PoisonedProp = {
->obj : Symbol(obj, Decl(file.tsx, 13, 5))
->PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 0, 32))
+>obj : Symbol(obj, Decl(file.tsx, 15, 5))
+>PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 2, 32))
x: "hello world",
->x : Symbol(x, Decl(file.tsx, 13, 27))
+>x : Symbol(x, Decl(file.tsx, 15, 27))
y: 2
->y : Symbol(y, Decl(file.tsx, 14, 21))
+>y : Symbol(y, Decl(file.tsx, 16, 21))
};
// OK
let p = Default hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -65,31 +67,31 @@ class EmptyProp extends React.Component<{}, {}> {
// OK
let j: any;
->j : Symbol(j, Decl(file.tsx, 28, 3))
+>j : Symbol(j, Decl(file.tsx, 30, 3))
let e1 = { this.textInput = input; } }} />
->e3 : Symbol(e3, Decl(file.tsx, 31, 3))
->EmptyProp : Symbol(EmptyProp, Decl(file.tsx, 19, 30))
->ref : Symbol(ref, Decl(file.tsx, 31, 25))
->input : Symbol(input, Decl(file.tsx, 31, 32))
->input : Symbol(input, Decl(file.tsx, 31, 32))
+>e3 : Symbol(e3, Decl(file.tsx, 33, 3))
+>EmptyProp : Symbol(EmptyProp, Decl(file.tsx, 21, 30))
+>ref : Symbol(ref, Decl(file.tsx, 33, 25))
+>input : Symbol(input, Decl(file.tsx, 33, 32))
+>input : Symbol(input, Decl(file.tsx, 33, 32))
let e4 = & { children?: ReactNode; }'.
+file.tsx(35,10): error TS2559: Type '{ prop1: boolean; }' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes & { children?: ReactNode; }'.
==== file.tsx (2 errors) ====
+ /// {
->Poisoned : Symbol(Poisoned, Decl(file.tsx, 5, 1))
+>Poisoned : Symbol(Poisoned, Decl(file.tsx, 7, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 0, 32))
+>PoisonedProp : Symbol(PoisonedProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Poisoned.render, Decl(file.tsx, 7, 58))
+>render : Symbol(Poisoned.render, Decl(file.tsx, 9, 58))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -31,48 +33,48 @@ class Poisoned extends React.Component {
}
let obj = {
->obj : Symbol(obj, Decl(file.tsx, 13, 3))
+>obj : Symbol(obj, Decl(file.tsx, 15, 3))
x: "hello world",
->x : Symbol(x, Decl(file.tsx, 13, 11))
+>x : Symbol(x, Decl(file.tsx, 15, 11))
y: 2
->y : Symbol(y, Decl(file.tsx, 14, 21))
+>y : Symbol(y, Decl(file.tsx, 16, 21))
};
// Error as "obj" has type { x: string; y: number }
let p = Default hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
greeting: string;
->greeting : Symbol(EmptyProp.greeting, Decl(file.tsx, 24, 5))
+>greeting : Symbol(EmptyProp.greeting, Decl(file.tsx, 26, 5))
}
let o = {
->o : Symbol(o, Decl(file.tsx, 28, 3))
+>o : Symbol(o, Decl(file.tsx, 30, 3))
prop1: false
->prop1 : Symbol(prop1, Decl(file.tsx, 28, 9))
+>prop1 : Symbol(prop1, Decl(file.tsx, 30, 9))
}
// Ok
let e = & (TextProps & { children?: ReactNode; }))'.
+file.tsx(15,10): error TS2322: Type '{ editable: true; }' is not assignable to type 'IntrinsicAttributes & (IntrinsicClassAttributes & (TextProps & { children?: ReactNode; }))'.
Property 'onEdit' is missing in type '{ editable: true; }' but required in type '{ editable: true; onEdit: (newText: string) => void; }'.
==== file.tsx (1 errors) ====
+ /// & (TextProps & { children?: ReactNode; }))'.
!!! error TS2322: Property 'onEdit' is missing in type '{ editable: true; }' but required in type '{ editable: true; onEdit: (newText: string) => void; }'.
-!!! related TS2728 file.tsx:4:36: 'onEdit' is declared here.
+!!! related TS2728 file.tsx:6:36: 'onEdit' is declared here.
const textProps: TextProps = {
editable: false
diff --git a/tests/baselines/reference/tsxSpreadAttributesResolution6.js b/tests/baselines/reference/tsxSpreadAttributesResolution6.js
index fd41994f8a301..dc22fa5aca9db 100644
--- a/tests/baselines/reference/tsxSpreadAttributesResolution6.js
+++ b/tests/baselines/reference/tsxSpreadAttributesResolution6.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxSpreadAttributesResolution6.tsx] ////
//// [file.tsx]
+/// {
->TextComponent : Symbol(TextComponent, Decl(file.tsx, 3, 71))
+>TextComponent : Symbol(TextComponent, Decl(file.tsx, 5, 71))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->TextProps : Symbol(TextProps, Decl(file.tsx, 0, 32))
+>TextProps : Symbol(TextProps, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(TextComponent.render, Decl(file.tsx, 5, 60))
+>render : Symbol(TextComponent.render, Decl(file.tsx, 7, 60))
return Some Text.. ;
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
@@ -31,15 +33,15 @@ class TextComponent extends React.Component {
// Error
let x = {
->TextComponent : Symbol(TextComponent, Decl(file.tsx, 3, 71))
+>TextComponent : Symbol(TextComponent, Decl(file.tsx, 5, 71))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->TextProps : Symbol(TextProps, Decl(file.tsx, 0, 32))
+>TextProps : Symbol(TextProps, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(TextComponent.render, Decl(file.tsx, 5, 60))
+>render : Symbol(TextComponent.render, Decl(file.tsx, 7, 60))
return Some Text.. ;
>span : Symbol(JSX.IntrinsicElements.span, Decl(react.d.ts, 2461, 51))
@@ -31,33 +33,33 @@ class TextComponent extends React.Component {
// OK
const textPropsFalse: TextProps = {
->textPropsFalse : Symbol(textPropsFalse, Decl(file.tsx, 12, 5))
->TextProps : Symbol(TextProps, Decl(file.tsx, 0, 32))
+>textPropsFalse : Symbol(textPropsFalse, Decl(file.tsx, 14, 5))
+>TextProps : Symbol(TextProps, Decl(file.tsx, 2, 32))
editable: false
->editable : Symbol(editable, Decl(file.tsx, 12, 35))
+>editable : Symbol(editable, Decl(file.tsx, 14, 35))
};
let y1 = {
->OverWriteAttr : Symbol(OverWriteAttr, Decl(file.tsx, 15, 1))
+>OverWriteAttr : Symbol(OverWriteAttr, Decl(file.tsx, 17, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->Prop : Symbol(Prop, Decl(file.tsx, 9, 1))
+>Prop : Symbol(Prop, Decl(file.tsx, 11, 1))
render() {
->render : Symbol(OverWriteAttr.render, Decl(file.tsx, 17, 55))
+>render : Symbol(OverWriteAttr.render, Decl(file.tsx, 19, 55))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -54,16 +56,16 @@ class OverWriteAttr extends React.Component {
// OK
let x = {
->Opt : Symbol(Opt, Decl(file.tsx, 5, 1))
+>Opt : Symbol(Opt, Decl(file.tsx, 7, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->OptionProp : Symbol(OptionProp, Decl(file.tsx, 0, 32))
+>OptionProp : Symbol(OptionProp, Decl(file.tsx, 2, 32))
render() {
->render : Symbol(Opt.render, Decl(file.tsx, 7, 51))
+>render : Symbol(Opt.render, Decl(file.tsx, 9, 51))
return Hello
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -31,40 +33,40 @@ class Opt extends React.Component {
}
const obj: OptionProp = {};
->obj : Symbol(obj, Decl(file.tsx, 13, 5))
->OptionProp : Symbol(OptionProp, Decl(file.tsx, 0, 32))
+>obj : Symbol(obj, Decl(file.tsx, 15, 5))
+>OptionProp : Symbol(OptionProp, Decl(file.tsx, 2, 32))
const obj1: OptionProp = {
->obj1 : Symbol(obj1, Decl(file.tsx, 14, 5))
->OptionProp : Symbol(OptionProp, Decl(file.tsx, 0, 32))
+>obj1 : Symbol(obj1, Decl(file.tsx, 16, 5))
+>OptionProp : Symbol(OptionProp, Decl(file.tsx, 2, 32))
x: 2
->x : Symbol(x, Decl(file.tsx, 14, 26))
+>x : Symbol(x, Decl(file.tsx, 16, 26))
}
// OK
let p = Hello
->c5 : Symbol(c5, Decl(file.tsx, 13, 5))
->OneThing : Symbol(OneThing, Decl(file.tsx, 0, 31), Decl(file.tsx, 2, 57), Decl(file.tsx, 3, 76), Decl(file.tsx, 4, 69), Decl(file.tsx, 5, 83))
->yxx1 : Symbol(yxx1, Decl(file.tsx, 13, 20))
->OneThing : Symbol(OneThing, Decl(file.tsx, 0, 31), Decl(file.tsx, 2, 57), Decl(file.tsx, 3, 76), Decl(file.tsx, 4, 69), Decl(file.tsx, 5, 83))
+>c5 : Symbol(c5, Decl(file.tsx, 15, 5))
+>OneThing : Symbol(OneThing, Decl(file.tsx, 2, 31), Decl(file.tsx, 4, 57), Decl(file.tsx, 5, 76), Decl(file.tsx, 6, 69), Decl(file.tsx, 7, 83))
+>yxx1 : Symbol(yxx1, Decl(file.tsx, 15, 20))
+>OneThing : Symbol(OneThing, Decl(file.tsx, 2, 31), Decl(file.tsx, 4, 57), Decl(file.tsx, 5, 76), Decl(file.tsx, 6, 69), Decl(file.tsx, 7, 83))
declare function TestingOneThing({y1: string}): JSX.Element;
->TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 13, 47), Decl(file.tsx, 16, 60), Decl(file.tsx, 17, 86), Decl(file.tsx, 18, 83))
+>TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 15, 47), Decl(file.tsx, 18, 60), Decl(file.tsx, 19, 86), Decl(file.tsx, 20, 83))
>y1 : Symbol(y1)
->string : Symbol(string, Decl(file.tsx, 16, 34))
+>string : Symbol(string, Decl(file.tsx, 18, 34))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function TestingOneThing(j: {"extra-data": string, yy?: string}): JSX.Element;
->TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 13, 47), Decl(file.tsx, 16, 60), Decl(file.tsx, 17, 86), Decl(file.tsx, 18, 83))
->j : Symbol(j, Decl(file.tsx, 17, 33))
->"extra-data" : Symbol("extra-data", Decl(file.tsx, 17, 37))
->yy : Symbol(yy, Decl(file.tsx, 17, 58))
+>TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 15, 47), Decl(file.tsx, 18, 60), Decl(file.tsx, 19, 86), Decl(file.tsx, 20, 83))
+>j : Symbol(j, Decl(file.tsx, 19, 33))
+>"extra-data" : Symbol("extra-data", Decl(file.tsx, 19, 37))
+>yy : Symbol(yy, Decl(file.tsx, 19, 58))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function TestingOneThing(n: {yy: number, direction?: number}): JSX.Element;
->TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 13, 47), Decl(file.tsx, 16, 60), Decl(file.tsx, 17, 86), Decl(file.tsx, 18, 83))
->n : Symbol(n, Decl(file.tsx, 18, 33))
->yy : Symbol(yy, Decl(file.tsx, 18, 37))
->direction : Symbol(direction, Decl(file.tsx, 18, 48))
+>TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 15, 47), Decl(file.tsx, 18, 60), Decl(file.tsx, 19, 86), Decl(file.tsx, 20, 83))
+>n : Symbol(n, Decl(file.tsx, 20, 33))
+>yy : Symbol(yy, Decl(file.tsx, 20, 37))
+>direction : Symbol(direction, Decl(file.tsx, 20, 48))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function TestingOneThing(n: {yy: string, name: string}): JSX.Element;
->TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 13, 47), Decl(file.tsx, 16, 60), Decl(file.tsx, 17, 86), Decl(file.tsx, 18, 83))
->n : Symbol(n, Decl(file.tsx, 19, 33))
->yy : Symbol(yy, Decl(file.tsx, 19, 37))
->name : Symbol(name, Decl(file.tsx, 19, 48))
+>TestingOneThing : Symbol(TestingOneThing, Decl(file.tsx, 15, 47), Decl(file.tsx, 18, 60), Decl(file.tsx, 19, 86), Decl(file.tsx, 20, 83))
+>n : Symbol(n, Decl(file.tsx, 21, 33))
+>yy : Symbol(yy, Decl(file.tsx, 21, 37))
+>name : Symbol(name, Decl(file.tsx, 21, 48))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// OK
const d1 = Hi
~~~~~~~~~~~~~~~
!!! error TS2769: No overload matches this call.
@@ -214,6 +216,6 @@ file.tsx(36,13): error TS2769: No overload matches this call.
!!! error TS2769: 'TestingOptional' components don't accept text as child elements. Text in JSX has the type 'string', but the expected type of 'children' is 'Element'.
!!! error TS2769: Overload 3 of 3, '(a: { y1: boolean; y2?: number; y3: boolean; }): Element', gave the following error.
!!! error TS2769: Type 'string' is not assignable to type 'boolean'.
-!!! related TS6500 file.tsx:29:64: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & { y1?: string; y2?: number; children: Element; }'
-!!! related TS6500 file.tsx:30:38: The expected type comes from property 'y1' which is declared here on type 'IntrinsicAttributes & { y1: boolean; y2?: number; y3: boolean; }'
+!!! related TS6500 file.tsx:31:64: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & { y1?: string; y2?: number; children: Element; }'
+!!! related TS6500 file.tsx:32:38: The expected type comes from property 'y1' which is declared here on type 'IntrinsicAttributes & { y1: boolean; y2?: number; y3: boolean; }'
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.js b/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.js
index eb9ddba05c53e..8505f66e8b40a 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.js
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentOverload4.tsx] ////
//// [file.tsx]
+/// Hi
//// [file.jsx]
"use strict";
+/// ; // missing property;
->c1 : Symbol(c1, Decl(file.tsx, 12, 5))
->OneThing : Symbol(OneThing, Decl(file.tsx, 0, 31), Decl(file.tsx, 1, 41))
->yy : Symbol(yy, Decl(file.tsx, 12, 20))
+>c1 : Symbol(c1, Decl(file.tsx, 14, 5))
+>OneThing : Symbol(OneThing, Decl(file.tsx, 2, 31), Decl(file.tsx, 3, 41))
+>yy : Symbol(yy, Decl(file.tsx, 14, 20))
const c2 = Hi
->e4 : Symbol(e4, Decl(file.tsx, 35, 5))
->TestingOptional : Symbol(TestingOptional, Decl(file.tsx, 25, 58), Decl(file.tsx, 27, 77), Decl(file.tsx, 28, 100))
->y1 : Symbol(y1, Decl(file.tsx, 35, 27))
->y2 : Symbol(y2, Decl(file.tsx, 35, 38))
->TestingOptional : Symbol(TestingOptional, Decl(file.tsx, 25, 58), Decl(file.tsx, 27, 77), Decl(file.tsx, 28, 100))
+>e4 : Symbol(e4, Decl(file.tsx, 37, 5))
+>TestingOptional : Symbol(TestingOptional, Decl(file.tsx, 27, 58), Decl(file.tsx, 29, 77), Decl(file.tsx, 30, 100))
+>y1 : Symbol(y1, Decl(file.tsx, 37, 27))
+>y2 : Symbol(y2, Decl(file.tsx, 37, 38))
+>TestingOptional : Symbol(TestingOptional, Decl(file.tsx, 27, 58), Decl(file.tsx, 29, 77), Decl(file.tsx, 30, 100))
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.types b/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.types
index 54c8b20e97769..2b99147b05b53 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.types
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentOverload4.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentOverload4.tsx] ////
=== file.tsx ===
+/// ) => void; }' is not assignable to type 'IntrinsicAttributes & ButtonProps'.
Property 'to' does not exist on type 'IntrinsicAttributes & ButtonProps'.
@@ -8,21 +8,21 @@ file.tsx(48,13): error TS2769: No overload matches this call.
Overload 3 of 3, '(hyphenProps: HyphenProps): Element', gave the following error.
Type '{ children: string; to: string; onClick: (e: MouseEvent) => void; }' is not assignable to type 'IntrinsicAttributes & HyphenProps'.
Property 'to' does not exist on type 'IntrinsicAttributes & HyphenProps'.
-file.tsx(54,51): error TS2769: No overload matches this call.
+file.tsx(56,51): error TS2769: No overload matches this call.
Overload 1 of 3, '(buttonProps: ButtonProps): Element', gave the following error.
Type 'number' is not assignable to type 'string'.
Overload 2 of 3, '(linkProps: LinkProps): Element', gave the following error.
Type 'number' is not assignable to type 'string'.
Overload 3 of 3, '(hyphenProps: HyphenProps): Element', gave the following error.
Type 'number' is not assignable to type 'string'.
-file.tsx(55,68): error TS2769: No overload matches this call.
+file.tsx(57,68): error TS2769: No overload matches this call.
Overload 1 of 3, '(buttonProps: ButtonProps): Element', gave the following error.
Type 'boolean' is not assignable to type 'string'.
Overload 2 of 3, '(linkProps: LinkProps): Element', gave the following error.
Type 'boolean' is not assignable to type 'string'.
Overload 3 of 3, '(hyphenProps: HyphenProps): Element', gave the following error.
Type 'boolean' is not assignable to type 'string'.
-file.tsx(56,13): error TS2769: No overload matches this call.
+file.tsx(58,13): error TS2769: No overload matches this call.
Overload 1 of 3, '(buttonProps: ButtonProps): Element', gave the following error.
Property 'onClick' is missing in type '{ "data-format": true; }' but required in type 'ButtonProps'.
Overload 2 of 3, '(linkProps: LinkProps): Element', gave the following error.
@@ -34,6 +34,8 @@ file.tsx(56,13): error TS2769: No overload matches this call.
==== file.tsx (4 errors) ====
+ /// ) => void; }' is not assignable to type 'IntrinsicAttributes & HyphenProps'.
!!! error TS2769: Property 'to' does not exist on type 'IntrinsicAttributes & HyphenProps'.
-!!! related TS2793 file.tsx:38:17: The call would have succeeded against this implementation, but implementation signatures of overloads are not externally visible.
+!!! related TS2793 file.tsx:40:17: The call would have succeeded against this implementation, but implementation signatures of overloads are not externally visible.
const b1 = {}} {...obj0}>Hello world ; // extra property;
const b2 = {}}} />; // extra property
@@ -108,9 +110,9 @@ file.tsx(56,13): error TS2769: No overload matches this call.
!!! error TS2769: Type 'number' is not assignable to type 'string'.
!!! error TS2769: Overload 3 of 3, '(hyphenProps: HyphenProps): Element', gave the following error.
!!! error TS2769: Type 'number' is not assignable to type 'string'.
-!!! related TS6500 file.tsx:4:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & ButtonProps'
-!!! related TS6500 file.tsx:4:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & LinkProps'
-!!! related TS6500 file.tsx:4:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & HyphenProps'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & ButtonProps'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & LinkProps'
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'children' which is declared here on type 'IntrinsicAttributes & HyphenProps'
const b7 = ;
->onClick : Symbol(ButtonProps.onClick, Decl(file.tsx, 7, 53))
+>onClick : Symbol(ButtonProps.onClick, Decl(file.tsx, 9, 53))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>MouseEventHandler : Symbol(React.MouseEventHandler, Decl(react.d.ts, 389, 66))
}
export interface LinkProps extends ClickableProps {
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 9, 1))
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 0, 31))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 31))
to: string;
->to : Symbol(LinkProps.to, Decl(file.tsx, 11, 51))
+>to : Symbol(LinkProps.to, Decl(file.tsx, 13, 51))
}
export interface HyphenProps extends ClickableProps {
->HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 13, 1))
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 0, 31))
+>HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 15, 1))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 31))
"data-format": string;
->"data-format" : Symbol(HyphenProps["data-format"], Decl(file.tsx, 15, 53))
+>"data-format" : Symbol(HyphenProps["data-format"], Decl(file.tsx, 17, 53))
}
let obj0 = {
->obj0 : Symbol(obj0, Decl(file.tsx, 19, 3))
+>obj0 : Symbol(obj0, Decl(file.tsx, 21, 3))
to: "world"
->to : Symbol(to, Decl(file.tsx, 19, 12))
+>to : Symbol(to, Decl(file.tsx, 21, 12))
};
let obj1 = {
->obj1 : Symbol(obj1, Decl(file.tsx, 23, 3))
+>obj1 : Symbol(obj1, Decl(file.tsx, 25, 3))
children: "hi",
->children : Symbol(children, Decl(file.tsx, 23, 12))
+>children : Symbol(children, Decl(file.tsx, 25, 12))
to: "boo"
->to : Symbol(to, Decl(file.tsx, 24, 19))
+>to : Symbol(to, Decl(file.tsx, 26, 19))
}
let obj2 = {
->obj2 : Symbol(obj2, Decl(file.tsx, 28, 3))
+>obj2 : Symbol(obj2, Decl(file.tsx, 30, 3))
onClick: ()=>{}
->onClick : Symbol(onClick, Decl(file.tsx, 28, 12))
+>onClick : Symbol(onClick, Decl(file.tsx, 30, 12))
}
let obj3: any;
->obj3 : Symbol(obj3, Decl(file.tsx, 32, 3))
+>obj3 : Symbol(obj3, Decl(file.tsx, 34, 3))
export function MainButton(buttonProps: ButtonProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->buttonProps : Symbol(buttonProps, Decl(file.tsx, 34, 27))
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 5, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>buttonProps : Symbol(buttonProps, Decl(file.tsx, 36, 27))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(linkProps: LinkProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->linkProps : Symbol(linkProps, Decl(file.tsx, 35, 27))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 9, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 37, 27))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(hyphenProps: HyphenProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->hyphenProps : Symbol(hyphenProps, Decl(file.tsx, 36, 27))
->HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 13, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>hyphenProps : Symbol(hyphenProps, Decl(file.tsx, 38, 27))
+>HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 15, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(props: ButtonProps | LinkProps | HyphenProps): JSX.Element {
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->props : Symbol(props, Decl(file.tsx, 37, 27))
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 5, 1))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 9, 1))
->HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 13, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>props : Symbol(props, Decl(file.tsx, 39, 27))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 15, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
const linkProps = props as LinkProps;
->linkProps : Symbol(linkProps, Decl(file.tsx, 38, 9))
->props : Symbol(props, Decl(file.tsx, 37, 27))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 9, 1))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 40, 9))
+>props : Symbol(props, Decl(file.tsx, 39, 27))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
if(linkProps.to) {
->linkProps.to : Symbol(LinkProps.to, Decl(file.tsx, 11, 51))
->linkProps : Symbol(linkProps, Decl(file.tsx, 38, 9))
->to : Symbol(LinkProps.to, Decl(file.tsx, 11, 51))
+>linkProps.to : Symbol(LinkProps.to, Decl(file.tsx, 13, 51))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 40, 9))
+>to : Symbol(LinkProps.to, Decl(file.tsx, 13, 51))
return this._buildMainLink(props);
->props : Symbol(props, Decl(file.tsx, 37, 27))
+>props : Symbol(props, Decl(file.tsx, 39, 27))
}
return this._buildMainButton(props);
->props : Symbol(props, Decl(file.tsx, 37, 27))
+>props : Symbol(props, Decl(file.tsx, 39, 27))
}
// Error
const b0 = {}}>GO ; // extra property;
->b0 : Symbol(b0, Decl(file.tsx, 47, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->to : Symbol(to, Decl(file.tsx, 47, 22))
->onClick : Symbol(onClick, Decl(file.tsx, 47, 38))
->e : Symbol(e, Decl(file.tsx, 47, 49))
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
+>b0 : Symbol(b0, Decl(file.tsx, 49, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>to : Symbol(to, Decl(file.tsx, 49, 22))
+>onClick : Symbol(onClick, Decl(file.tsx, 49, 38))
+>e : Symbol(e, Decl(file.tsx, 49, 49))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
const b1 = {}} {...obj0}>Hello world ; // extra property;
->b1 : Symbol(b1, Decl(file.tsx, 48, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->onClick : Symbol(onClick, Decl(file.tsx, 48, 22))
->e : Symbol(e, Decl(file.tsx, 48, 33))
->obj0 : Symbol(obj0, Decl(file.tsx, 19, 3))
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
+>b1 : Symbol(b1, Decl(file.tsx, 50, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>onClick : Symbol(onClick, Decl(file.tsx, 50, 22))
+>e : Symbol(e, Decl(file.tsx, 50, 33))
+>obj0 : Symbol(obj0, Decl(file.tsx, 21, 3))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
const b2 = {}}} />; // extra property
->b3 : Symbol(b3, Decl(file.tsx, 50, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 32, 14), Decl(file.tsx, 34, 66), Decl(file.tsx, 35, 62), Decl(file.tsx, 36, 66))
->to : Symbol(to, Decl(file.tsx, 50, 28))
->onClick : Symbol(onClick, Decl(file.tsx, 50, 47))
->k : Symbol(k, Decl(file.tsx, 50, 57))
+>b3 : Symbol(b3, Decl(file.tsx, 52, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 34, 14), Decl(file.tsx, 36, 66), Decl(file.tsx, 37, 62), Decl(file.tsx, 38, 66))
+>to : Symbol(to, Decl(file.tsx, 52, 28))
+>onClick : Symbol(onClick, Decl(file.tsx, 52, 47))
+>k : Symbol(k, Decl(file.tsx, 52, 57))
const b4 = ;
->onClick : Symbol(ButtonProps.onClick, Decl(file.tsx, 9, 53))
+>onClick : Symbol(ButtonProps.onClick, Decl(file.tsx, 11, 53))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>MouseEventHandler : Symbol(React.MouseEventHandler, Decl(react.d.ts, 389, 66))
}
export interface LinkProps extends ClickableProps {
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 43))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 4, 43))
to: string;
->to : Symbol(LinkProps.to, Decl(file.tsx, 13, 51))
+>to : Symbol(LinkProps.to, Decl(file.tsx, 15, 51))
}
export interface HyphenProps extends ClickableProps {
->HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 15, 1))
->ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 2, 43))
+>HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 17, 1))
+>ClickableProps : Symbol(ClickableProps, Decl(file.tsx, 4, 43))
"data-format": string;
->"data-format" : Symbol(HyphenProps["data-format"], Decl(file.tsx, 17, 53))
+>"data-format" : Symbol(HyphenProps["data-format"], Decl(file.tsx, 19, 53))
}
let obj = {
->obj : Symbol(obj, Decl(file.tsx, 21, 3))
+>obj : Symbol(obj, Decl(file.tsx, 23, 3))
children: "hi",
->children : Symbol(children, Decl(file.tsx, 21, 11))
+>children : Symbol(children, Decl(file.tsx, 23, 11))
to: "boo"
->to : Symbol(to, Decl(file.tsx, 22, 19))
+>to : Symbol(to, Decl(file.tsx, 24, 19))
}
let obj1: any;
->obj1 : Symbol(obj1, Decl(file.tsx, 25, 3))
+>obj1 : Symbol(obj1, Decl(file.tsx, 27, 3))
let obj2 = {
->obj2 : Symbol(obj2, Decl(file.tsx, 26, 3))
+>obj2 : Symbol(obj2, Decl(file.tsx, 28, 3))
onClick: () => {}
->onClick : Symbol(onClick, Decl(file.tsx, 26, 12))
+>onClick : Symbol(onClick, Decl(file.tsx, 28, 12))
}
export function MainButton(buttonProps: ButtonProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->buttonProps : Symbol(buttonProps, Decl(file.tsx, 30, 27))
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>buttonProps : Symbol(buttonProps, Decl(file.tsx, 32, 27))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 9, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(linkProps: LinkProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->linkProps : Symbol(linkProps, Decl(file.tsx, 31, 27))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 33, 27))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(hyphenProps: HyphenProps): JSX.Element;
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->hyphenProps : Symbol(hyphenProps, Decl(file.tsx, 32, 27))
->HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 15, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>hyphenProps : Symbol(hyphenProps, Decl(file.tsx, 34, 27))
+>HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 17, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
export function MainButton(props: ButtonProps | LinkProps | HyphenProps): JSX.Element {
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->props : Symbol(props, Decl(file.tsx, 33, 27))
->ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 7, 1))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
->HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 15, 1))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>props : Symbol(props, Decl(file.tsx, 35, 27))
+>ButtonProps : Symbol(ButtonProps, Decl(file.tsx, 9, 1))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
+>HyphenProps : Symbol(HyphenProps, Decl(file.tsx, 17, 1))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
const linkProps = props as LinkProps;
->linkProps : Symbol(linkProps, Decl(file.tsx, 34, 9))
->props : Symbol(props, Decl(file.tsx, 33, 27))
->LinkProps : Symbol(LinkProps, Decl(file.tsx, 11, 1))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 36, 9))
+>props : Symbol(props, Decl(file.tsx, 35, 27))
+>LinkProps : Symbol(LinkProps, Decl(file.tsx, 13, 1))
if(linkProps.to) {
->linkProps.to : Symbol(LinkProps.to, Decl(file.tsx, 13, 51))
->linkProps : Symbol(linkProps, Decl(file.tsx, 34, 9))
->to : Symbol(LinkProps.to, Decl(file.tsx, 13, 51))
+>linkProps.to : Symbol(LinkProps.to, Decl(file.tsx, 15, 51))
+>linkProps : Symbol(linkProps, Decl(file.tsx, 36, 9))
+>to : Symbol(LinkProps.to, Decl(file.tsx, 15, 51))
return this._buildMainLink(props);
->props : Symbol(props, Decl(file.tsx, 33, 27))
+>props : Symbol(props, Decl(file.tsx, 35, 27))
}
return this._buildMainButton(props);
->props : Symbol(props, Decl(file.tsx, 33, 27))
+>props : Symbol(props, Decl(file.tsx, 35, 27))
}
// OK
const b0 = GO ;
->b0 : Symbol(b0, Decl(file.tsx, 43, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->to : Symbol(to, Decl(file.tsx, 43, 22))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
+>b0 : Symbol(b0, Decl(file.tsx, 45, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>to : Symbol(to, Decl(file.tsx, 45, 22))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
const b1 = {}}>Hello world ;
->b1 : Symbol(b1, Decl(file.tsx, 44, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->onClick : Symbol(onClick, Decl(file.tsx, 44, 22))
->e : Symbol(e, Decl(file.tsx, 44, 33))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
+>b1 : Symbol(b1, Decl(file.tsx, 46, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>onClick : Symbol(onClick, Decl(file.tsx, 46, 22))
+>e : Symbol(e, Decl(file.tsx, 46, 33))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
const b2 = { log("hi") }}} />;
->b7 : Symbol(b7, Decl(file.tsx, 50, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->onClick : Symbol(onClick, Decl(file.tsx, 50, 28))
->log : Symbol(log, Decl(file.tsx, 0, 31))
+>b7 : Symbol(b7, Decl(file.tsx, 52, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>onClick : Symbol(onClick, Decl(file.tsx, 52, 28))
+>log : Symbol(log, Decl(file.tsx, 2, 31))
const b8 = GO ;
->b9 : Symbol(b9, Decl(file.tsx, 52, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->to : Symbol(to, Decl(file.tsx, 52, 22))
->extra-prop : Symbol(extra-prop, Decl(file.tsx, 52, 38))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
+>b9 : Symbol(b9, Decl(file.tsx, 54, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>to : Symbol(to, Decl(file.tsx, 54, 22))
+>extra-prop : Symbol(extra-prop, Decl(file.tsx, 54, 38))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
const b10 = {}} className="hello" data-format>Hello world ;
->b11 : Symbol(b11, Decl(file.tsx, 54, 5))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
->onClick : Symbol(onClick, Decl(file.tsx, 54, 23))
->e : Symbol(e, Decl(file.tsx, 54, 34))
->className : Symbol(className, Decl(file.tsx, 54, 43))
->data-format : Symbol(data-format, Decl(file.tsx, 54, 61))
->MainButton : Symbol(MainButton, Decl(file.tsx, 28, 1), Decl(file.tsx, 30, 66), Decl(file.tsx, 31, 62), Decl(file.tsx, 32, 66))
+>b11 : Symbol(b11, Decl(file.tsx, 56, 5))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
+>onClick : Symbol(onClick, Decl(file.tsx, 56, 23))
+>e : Symbol(e, Decl(file.tsx, 56, 34))
+>className : Symbol(className, Decl(file.tsx, 56, 43))
+>data-format : Symbol(data-format, Decl(file.tsx, 56, 61))
+>MainButton : Symbol(MainButton, Decl(file.tsx, 30, 1), Decl(file.tsx, 32, 66), Decl(file.tsx, 33, 62), Decl(file.tsx, 34, 66))
const b12 = (attr: T) {
->MyComponent : Symbol(MyComponent, Decl(file.tsx, 4, 1))
->T : Symbol(T, Decl(file.tsx, 6, 21))
->MyComponentProp : Symbol(MyComponentProp, Decl(file.tsx, 0, 31))
->attr : Symbol(attr, Decl(file.tsx, 6, 42))
->T : Symbol(T, Decl(file.tsx, 6, 21))
+>MyComponent : Symbol(MyComponent, Decl(file.tsx, 6, 1))
+>T : Symbol(T, Decl(file.tsx, 8, 21))
+>MyComponentProp : Symbol(MyComponentProp, Decl(file.tsx, 2, 31))
+>attr : Symbol(attr, Decl(file.tsx, 8, 42))
+>T : Symbol(T, Decl(file.tsx, 8, 21))
return attr.values
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -25,12 +27,12 @@ function MyComponent(attr: T) {
// OK
let i = ;
~~~~~~
!!! error TS2322: Type 'number' is not assignable to type 'string'.
-!!! related TS6500 file.tsx:4:5: The expected type comes from property 'values' which is declared here on type 'IntrinsicAttributes & MyComponentProp'
\ No newline at end of file
+!!! related TS6500 file.tsx:6:5: The expected type comes from property 'values' which is declared here on type 'IntrinsicAttributes & MyComponentProp'
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.js b/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.js
index e85fc71891931..cfff8d495e111 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.js
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentWithDefaultTypeParameter2.tsx] ////
//// [file.tsx]
+/// (attr: T) {
let i1 = ;
//// [file.jsx]
+/// (attr: T) {
->MyComponent1 : Symbol(MyComponent1, Decl(file.tsx, 4, 1))
->T : Symbol(T, Decl(file.tsx, 6, 22))
->MyComponentProp : Symbol(MyComponentProp, Decl(file.tsx, 0, 31))
->attr : Symbol(attr, Decl(file.tsx, 6, 49))
->T : Symbol(T, Decl(file.tsx, 6, 22))
+>MyComponent1 : Symbol(MyComponent1, Decl(file.tsx, 6, 1))
+>T : Symbol(T, Decl(file.tsx, 8, 22))
+>MyComponentProp : Symbol(MyComponentProp, Decl(file.tsx, 2, 31))
+>attr : Symbol(attr, Decl(file.tsx, 8, 49))
+>T : Symbol(T, Decl(file.tsx, 8, 22))
return attr.values
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -26,7 +28,7 @@ function MyComponent1(attr: T) {
// Error
let i1 = ;
->i1 : Symbol(i1, Decl(file.tsx, 12, 3))
->MyComponent1 : Symbol(MyComponent1, Decl(file.tsx, 4, 1))
->values : Symbol(values, Decl(file.tsx, 12, 22))
+>i1 : Symbol(i1, Decl(file.tsx, 14, 3))
+>MyComponent1 : Symbol(MyComponent1, Decl(file.tsx, 6, 1))
+>values : Symbol(values, Decl(file.tsx, 14, 22))
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.types b/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.types
index ef82ca9b63018..69e1bcf7d4f3f 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.types
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentWithDefaultTypeParameter2.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentWithDefaultTypeParameter2.tsx] ////
=== file.tsx ===
+/// Default Greeting
;
}
@@ -57,7 +59,7 @@ file.tsx(45,11): error TS2559: Type '{ prop1: boolean; }' has no properties in c
let h = Default Greeting
;
}
@@ -58,6 +60,7 @@ let j4 = Default Greeting
;
}
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents1.symbols b/tests/baselines/reference/tsxStatelessFunctionComponents1.symbols
index 4ba544e558f65..f5b79a0e9839a 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents1.symbols
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents1.symbols
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponents1.tsx] ////
=== file.tsx ===
+/// Hello, {x}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->x : Symbol(x, Decl(file.tsx, 4, 15))
+>x : Symbol(x, Decl(file.tsx, 6, 15))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
function Meet({name = 'world'}) {
->Meet : Symbol(Meet, Decl(file.tsx, 6, 1))
->name : Symbol(name, Decl(file.tsx, 7, 15))
+>Meet : Symbol(Meet, Decl(file.tsx, 8, 1))
+>name : Symbol(name, Decl(file.tsx, 9, 15))
return Hello, {name}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->name : Symbol(name, Decl(file.tsx, 7, 15))
+>name : Symbol(name, Decl(file.tsx, 9, 15))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
function MeetAndGreet(k: {"prop-name": string}) {
->MeetAndGreet : Symbol(MeetAndGreet, Decl(file.tsx, 9, 1))
->k : Symbol(k, Decl(file.tsx, 10, 22))
->"prop-name" : Symbol("prop-name", Decl(file.tsx, 10, 26))
+>MeetAndGreet : Symbol(MeetAndGreet, Decl(file.tsx, 11, 1))
+>k : Symbol(k, Decl(file.tsx, 12, 22))
+>"prop-name" : Symbol("prop-name", Decl(file.tsx, 12, 26))
return Hi Hi
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
@@ -40,113 +42,113 @@ function MeetAndGreet(k: {"prop-name": string}) {
// OK
let a = x.greeting.substr(10)} />
->i1 : Symbol(i1, Decl(file.tsx, 37, 3))
+>i1 : Symbol(i1, Decl(file.tsx, 39, 3))
>EmptyPropSFC : Symbol(EmptyPropSFC, Decl(file.tsx, 0, 0))
->ref : Symbol(ref, Decl(file.tsx, 37, 22))
->x : Symbol(x, Decl(file.tsx, 37, 28))
->x : Symbol(x, Decl(file.tsx, 37, 28))
+>ref : Symbol(ref, Decl(file.tsx, 39, 22))
+>x : Symbol(x, Decl(file.tsx, 39, 28))
+>x : Symbol(x, Decl(file.tsx, 39, 28))
let o = {
->o : Symbol(o, Decl(file.tsx, 39, 3))
+>o : Symbol(o, Decl(file.tsx, 41, 3))
prop1: true;
->prop1 : Symbol(prop1, Decl(file.tsx, 39, 9))
+>prop1 : Symbol(prop1, Decl(file.tsx, 41, 9))
}
// OK as access properties are allow when spread
let i2 = x.propertyNotOnHtmlDivElement} />;
//// [file.jsx]
"use strict";
+///
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents2.symbols b/tests/baselines/reference/tsxStatelessFunctionComponents2.symbols
index 66bcbc8633a76..9172ccf64b715 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents2.symbols
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents2.symbols
@@ -1,108 +1,110 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponents2.tsx] ////
=== file.tsx ===
+///
+
import React = require('react');
>React : Symbol(React, Decl(file.tsx, 0, 0))
function Greet(x: {name?: string}) {
->Greet : Symbol(Greet, Decl(file.tsx, 0, 32))
->x : Symbol(x, Decl(file.tsx, 2, 15))
->name : Symbol(name, Decl(file.tsx, 2, 19))
+>Greet : Symbol(Greet, Decl(file.tsx, 2, 32))
+>x : Symbol(x, Decl(file.tsx, 4, 15))
+>name : Symbol(name, Decl(file.tsx, 4, 19))
return
Hello, {x}
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->x : Symbol(x, Decl(file.tsx, 2, 15))
+>x : Symbol(x, Decl(file.tsx, 4, 15))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
class BigGreeter extends React.Component<{ name?: string }, {}> {
->BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 4, 1))
+>BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 6, 1))
>React.Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>Component : Symbol(React.Component, Decl(react.d.ts, 158, 55), Decl(react.d.ts, 161, 66))
->name : Symbol(name, Decl(file.tsx, 6, 42))
+>name : Symbol(name, Decl(file.tsx, 8, 42))
render() {
->render : Symbol(BigGreeter.render, Decl(file.tsx, 6, 65))
+>render : Symbol(BigGreeter.render, Decl(file.tsx, 8, 65))
return
;
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
}
greeting: string;
->greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 9, 2))
+>greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 11, 2))
}
// OK
let a =
;
->a : Symbol(a, Decl(file.tsx, 14, 3))
->Greet : Symbol(Greet, Decl(file.tsx, 0, 32))
+>a : Symbol(a, Decl(file.tsx, 16, 3))
+>Greet : Symbol(Greet, Decl(file.tsx, 2, 32))
// OK - always valid to specify 'key'
let b =
;
->b : Symbol(b, Decl(file.tsx, 16, 3))
->Greet : Symbol(Greet, Decl(file.tsx, 0, 32))
->key : Symbol(key, Decl(file.tsx, 16, 14))
+>b : Symbol(b, Decl(file.tsx, 18, 3))
+>Greet : Symbol(Greet, Decl(file.tsx, 2, 32))
+>key : Symbol(key, Decl(file.tsx, 18, 14))
// Error - not allowed to specify 'ref' on SFCs
let c =
;
->c : Symbol(c, Decl(file.tsx, 18, 3))
->Greet : Symbol(Greet, Decl(file.tsx, 0, 32))
->ref : Symbol(ref, Decl(file.tsx, 18, 14))
+>c : Symbol(c, Decl(file.tsx, 20, 3))
+>Greet : Symbol(Greet, Decl(file.tsx, 2, 32))
+>ref : Symbol(ref, Decl(file.tsx, 20, 14))
// OK - ref is valid for classes
let d =
x.greeting.substr(10)} />;
->d : Symbol(d, Decl(file.tsx, 22, 3))
->BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 4, 1))
->ref : Symbol(ref, Decl(file.tsx, 22, 19))
->x : Symbol(x, Decl(file.tsx, 22, 25))
+>d : Symbol(d, Decl(file.tsx, 24, 3))
+>BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 6, 1))
+>ref : Symbol(ref, Decl(file.tsx, 24, 19))
+>x : Symbol(x, Decl(file.tsx, 24, 25))
>x.greeting.substr : Symbol(String.substr, Decl(lib.es5.d.ts, --, --))
->x.greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 9, 2))
->x : Symbol(x, Decl(file.tsx, 22, 25))
->greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 9, 2))
+>x.greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 11, 2))
+>x : Symbol(x, Decl(file.tsx, 24, 25))
+>greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 11, 2))
>substr : Symbol(String.substr, Decl(lib.es5.d.ts, --, --))
// Error ('subtr' not on string)
let e = x.greeting.subtr(10)} />;
->e : Symbol(e, Decl(file.tsx, 24, 3))
->BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 4, 1))
->ref : Symbol(ref, Decl(file.tsx, 24, 19))
->x : Symbol(x, Decl(file.tsx, 24, 25))
->x.greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 9, 2))
->x : Symbol(x, Decl(file.tsx, 24, 25))
->greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 9, 2))
-
-// Error (ref callback is contextually typed)
-let f = x.notARealProperty} />;
->f : Symbol(f, Decl(file.tsx, 26, 3))
->BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 4, 1))
+>e : Symbol(e, Decl(file.tsx, 26, 3))
+>BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 6, 1))
>ref : Symbol(ref, Decl(file.tsx, 26, 19))
>x : Symbol(x, Decl(file.tsx, 26, 25))
+>x.greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 11, 2))
>x : Symbol(x, Decl(file.tsx, 26, 25))
+>greeting : Symbol(BigGreeter.greeting, Decl(file.tsx, 11, 2))
+
+// Error (ref callback is contextually typed)
+let f = x.notARealProperty} />;
+>f : Symbol(f, Decl(file.tsx, 28, 3))
+>BigGreeter : Symbol(BigGreeter, Decl(file.tsx, 6, 1))
+>ref : Symbol(ref, Decl(file.tsx, 28, 19))
+>x : Symbol(x, Decl(file.tsx, 28, 25))
+>x : Symbol(x, Decl(file.tsx, 28, 25))
// OK - key is always valid
let g = x.innerText} />;
->h : Symbol(h, Decl(file.tsx, 32, 3))
+>h : Symbol(h, Decl(file.tsx, 34, 3))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->ref : Symbol(ref, Decl(file.tsx, 32, 12))
->x : Symbol(x, Decl(file.tsx, 32, 18))
+>ref : Symbol(ref, Decl(file.tsx, 34, 12))
+>x : Symbol(x, Decl(file.tsx, 34, 18))
>x.innerText : Symbol(HTMLElement.innerText, Decl(lib.dom.d.ts, --, --))
->x : Symbol(x, Decl(file.tsx, 32, 18))
+>x : Symbol(x, Decl(file.tsx, 34, 18))
>innerText : Symbol(HTMLElement.innerText, Decl(lib.dom.d.ts, --, --))
// Error - property not on ontextually typed intrinsic ref callback parameter
let i =
x.propertyNotOnHtmlDivElement} />;
->i : Symbol(i, Decl(file.tsx, 34, 3))
+>i : Symbol(i, Decl(file.tsx, 36, 3))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
->ref : Symbol(ref, Decl(file.tsx, 34, 12))
->x : Symbol(x, Decl(file.tsx, 34, 18))
->x : Symbol(x, Decl(file.tsx, 34, 18))
+>ref : Symbol(ref, Decl(file.tsx, 36, 12))
+>x : Symbol(x, Decl(file.tsx, 36, 18))
+>x : Symbol(x, Decl(file.tsx, 36, 18))
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents2.types b/tests/baselines/reference/tsxStatelessFunctionComponents2.types
index b2a4e39632b5d..9856fb6c100d3 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents2.types
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents2.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponents2.tsx] ////
=== file.tsx ===
+///
+
import React = require('react');
>React : typeof React
> : ^^^^^^^^^^^^
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents3.errors.txt b/tests/baselines/reference/tsxStatelessFunctionComponents3.errors.txt
index 38242626b59ab..f5d3adf285d78 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents3.errors.txt
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents3.errors.txt
@@ -3,6 +3,8 @@ error TS5107: Option 'module=AMD' is deprecated and will stop functioning in Typ
!!! error TS5107: Option 'module=AMD' is deprecated and will stop functioning in TypeScript 7.0. Specify compilerOption '"ignoreDeprecations": "6.0"' to silence this error.
==== file.tsx (0 errors) ====
+ ///
+
import React = require('react');
const Foo = (props: any) =>
;
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents3.js b/tests/baselines/reference/tsxStatelessFunctionComponents3.js
index 52c53ad77fbe6..a9fd52085ce78 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents3.js
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents3.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponents3.tsx] ////
//// [file.tsx]
+///
+
import React = require('react');
const Foo = (props: any) =>
;
@@ -20,6 +22,7 @@ var App: React.StatelessComponent<{ children }> = ({children}) => (
);
//// [file.jsx]
+///
define(["require", "exports", "react"], function (require, exports, React) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents3.symbols b/tests/baselines/reference/tsxStatelessFunctionComponents3.symbols
index f1ffa80d79b23..73d996db72e95 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents3.symbols
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents3.symbols
@@ -1,26 +1,28 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponents3.tsx] ////
=== file.tsx ===
+///
+
import React = require('react');
>React : Symbol(React, Decl(file.tsx, 0, 0))
const Foo = (props: any) =>
;
->Foo : Symbol(Foo, Decl(file.tsx, 2, 5))
->props : Symbol(props, Decl(file.tsx, 2, 13))
+>Foo : Symbol(Foo, Decl(file.tsx, 4, 5))
+>props : Symbol(props, Decl(file.tsx, 4, 13))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
// Should be OK
const foo =
;
->foo : Symbol(foo, Decl(file.tsx, 4, 5))
->Foo : Symbol(Foo, Decl(file.tsx, 2, 5))
+>foo : Symbol(foo, Decl(file.tsx, 6, 5))
+>Foo : Symbol(Foo, Decl(file.tsx, 4, 5))
// Should be OK
var MainMenu: React.StatelessComponent<{}> = (props) => (
->MainMenu : Symbol(MainMenu, Decl(file.tsx, 8, 3))
+>MainMenu : Symbol(MainMenu, Decl(file.tsx, 10, 3))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->props : Symbol(props, Decl(file.tsx, 8, 46))
+>props : Symbol(props, Decl(file.tsx, 10, 46))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
Main Menu
@@ -31,17 +33,17 @@ var MainMenu: React.StatelessComponent<{}> = (props) => (
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
var App: React.StatelessComponent<{ children }> = ({children}) => (
->App : Symbol(App, Decl(file.tsx, 12, 3))
+>App : Symbol(App, Decl(file.tsx, 14, 3))
>React : Symbol(React, Decl(file.tsx, 0, 0))
>StatelessComponent : Symbol(React.StatelessComponent, Decl(react.d.ts, 198, 40))
->children : Symbol(children, Decl(file.tsx, 12, 35))
->children : Symbol(children, Decl(file.tsx, 12, 52))
+>children : Symbol(children, Decl(file.tsx, 14, 35))
+>children : Symbol(children, Decl(file.tsx, 14, 52))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
>div : Symbol(JSX.IntrinsicElements.div, Decl(react.d.ts, 2400, 45))
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponents3.types b/tests/baselines/reference/tsxStatelessFunctionComponents3.types
index a3d87d3a03a0a..766083c989446 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponents3.types
+++ b/tests/baselines/reference/tsxStatelessFunctionComponents3.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponents3.tsx] ////
=== file.tsx ===
+///
+
import React = require('react');
>React : typeof React
> : ^^^^^^^^^^^^
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.errors.txt b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.errors.txt
index bbe13314ee5bd..596f08b7ab0e0 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.errors.txt
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.errors.txt
@@ -3,6 +3,8 @@ error TS5107: Option 'module=AMD' is deprecated and will stop functioning in Typ
!!! error TS5107: Option 'module=AMD' is deprecated and will stop functioning in TypeScript 7.0. Specify compilerOption '"ignoreDeprecations": "6.0"' to silence this error.
==== file.tsx (0 errors) ====
+ ///
+
import React = require('react')
declare function ComponentWithTwoAttributes
(l: {key1: K, value: V}): JSX.Element;
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.js b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.js
index 5134e9d6a6559..88570edef1d5a 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.js
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentsWithTypeArguments1.tsx] ////
//// [file.tsx]
+/// (l: {key1: K, value: V}): JSX.Element;
@@ -33,6 +35,7 @@ declare function InferParamComponent(attr: InferParamProp): JSX.Element;
let i = { }} />;
//// [file.jsx]
+/// (l: {key1: K, value: V}): JSX.Element;
->ComponentWithTwoAttributes : Symbol(ComponentWithTwoAttributes, Decl(file.tsx, 0, 31))
->K : Symbol(K, Decl(file.tsx, 2, 44))
->V : Symbol(V, Decl(file.tsx, 2, 46))
->l : Symbol(l, Decl(file.tsx, 2, 49))
->key1 : Symbol(key1, Decl(file.tsx, 2, 53))
->K : Symbol(K, Decl(file.tsx, 2, 44))
->value : Symbol(value, Decl(file.tsx, 2, 61))
->V : Symbol(V, Decl(file.tsx, 2, 46))
+>ComponentWithTwoAttributes : Symbol(ComponentWithTwoAttributes, Decl(file.tsx, 2, 31))
+>K : Symbol(K, Decl(file.tsx, 4, 44))
+>V : Symbol(V, Decl(file.tsx, 4, 46))
+>l : Symbol(l, Decl(file.tsx, 4, 49))
+>key1 : Symbol(key1, Decl(file.tsx, 4, 53))
+>K : Symbol(K, Decl(file.tsx, 4, 44))
+>value : Symbol(value, Decl(file.tsx, 4, 61))
+>V : Symbol(V, Decl(file.tsx, 4, 46))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// OK
function Baz(key1: T, value: U) {
->Baz : Symbol(Baz, Decl(file.tsx, 2, 86))
->T : Symbol(T, Decl(file.tsx, 5, 13))
->U : Symbol(U, Decl(file.tsx, 5, 15))
->key1 : Symbol(key1, Decl(file.tsx, 5, 18))
->T : Symbol(T, Decl(file.tsx, 5, 13))
->value : Symbol(value, Decl(file.tsx, 5, 26))
->U : Symbol(U, Decl(file.tsx, 5, 15))
+>Baz : Symbol(Baz, Decl(file.tsx, 4, 86))
+>T : Symbol(T, Decl(file.tsx, 7, 13))
+>U : Symbol(U, Decl(file.tsx, 7, 15))
+>key1 : Symbol(key1, Decl(file.tsx, 7, 18))
+>T : Symbol(T, Decl(file.tsx, 7, 13))
+>value : Symbol(value, Decl(file.tsx, 7, 26))
+>U : Symbol(U, Decl(file.tsx, 7, 15))
let a0 = (l: {func: (arg: U)=>void}): JSX.Element;
->Link : Symbol(Link, Decl(file.tsx, 8, 1))
->U : Symbol(U, Decl(file.tsx, 10, 22))
->l : Symbol(l, Decl(file.tsx, 10, 25))
->func : Symbol(func, Decl(file.tsx, 10, 29))
->arg : Symbol(arg, Decl(file.tsx, 10, 36))
->U : Symbol(U, Decl(file.tsx, 10, 22))
+>Link : Symbol(Link, Decl(file.tsx, 10, 1))
+>U : Symbol(U, Decl(file.tsx, 12, 22))
+>l : Symbol(l, Decl(file.tsx, 12, 25))
+>func : Symbol(func, Decl(file.tsx, 12, 29))
+>arg : Symbol(arg, Decl(file.tsx, 12, 36))
+>U : Symbol(U, Decl(file.tsx, 12, 22))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// OK
function createLink(func: (a: number)=>void) {
->createLink : Symbol(createLink, Decl(file.tsx, 10, 65))
->func : Symbol(func, Decl(file.tsx, 13, 20))
->a : Symbol(a, Decl(file.tsx, 13, 27))
+>createLink : Symbol(createLink, Decl(file.tsx, 12, 65))
+>func : Symbol(func, Decl(file.tsx, 15, 20))
+>a : Symbol(a, Decl(file.tsx, 15, 27))
let o = {
->InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 19, 1))
->T : Symbol(T, Decl(file.tsx, 21, 25))
+>InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 21, 1))
+>T : Symbol(T, Decl(file.tsx, 23, 25))
values: Array;
->values : Symbol(InferParamProp.values, Decl(file.tsx, 21, 29))
+>values : Symbol(InferParamProp.values, Decl(file.tsx, 23, 29))
>Array : Symbol(Array, Decl(lib.es5.d.ts, --, --), Decl(lib.es5.d.ts, --, --))
->T : Symbol(T, Decl(file.tsx, 21, 25))
+>T : Symbol(T, Decl(file.tsx, 23, 25))
selectHandler: (selectedVal: T) => void;
->selectHandler : Symbol(InferParamProp.selectHandler, Decl(file.tsx, 22, 21))
->selectedVal : Symbol(selectedVal, Decl(file.tsx, 23, 20))
->T : Symbol(T, Decl(file.tsx, 21, 25))
+>selectHandler : Symbol(InferParamProp.selectHandler, Decl(file.tsx, 24, 21))
+>selectedVal : Symbol(selectedVal, Decl(file.tsx, 25, 20))
+>T : Symbol(T, Decl(file.tsx, 23, 25))
}
declare function InferParamComponent(attr: InferParamProp): JSX.Element;
->InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 24, 1))
->T : Symbol(T, Decl(file.tsx, 26, 37))
->attr : Symbol(attr, Decl(file.tsx, 26, 40))
->InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 19, 1))
->T : Symbol(T, Decl(file.tsx, 26, 37))
+>InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 26, 1))
+>T : Symbol(T, Decl(file.tsx, 28, 37))
+>attr : Symbol(attr, Decl(file.tsx, 28, 40))
+>InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 21, 1))
+>T : Symbol(T, Decl(file.tsx, 28, 37))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// OK
let i = { }} />;
->i : Symbol(i, Decl(file.tsx, 29, 3))
->InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 24, 1))
->values : Symbol(values, Decl(file.tsx, 29, 28))
->selectHandler : Symbol(selectHandler, Decl(file.tsx, 29, 50))
->val : Symbol(val, Decl(file.tsx, 29, 67))
+>i : Symbol(i, Decl(file.tsx, 31, 3))
+>InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 26, 1))
+>values : Symbol(values, Decl(file.tsx, 31, 28))
+>selectHandler : Symbol(selectHandler, Decl(file.tsx, 31, 50))
+>val : Symbol(val, Decl(file.tsx, 31, 67))
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.types b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.types
index 3afdade77b833..08e68e064f2e6 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.types
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments1.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentsWithTypeArguments1.tsx] ////
=== file.tsx ===
+/// (l: {prop: U, "ignore-prop": string}): JSX.Element;
@@ -35,8 +37,8 @@ file.tsx(31,52): error TS2322: Type '(val: string) => void' is not assignable to
~~~~~~~~~~~~~~~~~~
!!! error TS2322: Type 'T' is not assignable to type 'IntrinsicAttributes & { prop: unknown; "ignore-prop": string; }'.
!!! error TS2322: Type 'T' is not assignable to type '{ prop: unknown; "ignore-prop": string; }'.
-!!! related TS2208 file.tsx:12:14: This type parameter might need an `extends { prop: unknown; "ignore-prop": string; }` constraint.
-!!! related TS2208 file.tsx:12:14: This type parameter might need an `extends JSX.IntrinsicAttributes & { prop: unknown; "ignore-prop": string; }` constraint.
+!!! related TS2208 file.tsx:14:14: This type parameter might need an `extends { prop: unknown; "ignore-prop": string; }` constraint.
+!!! related TS2208 file.tsx:14:14: This type parameter might need an `extends JSX.IntrinsicAttributes & { prop: unknown; "ignore-prop": string; }` constraint.
}
declare function Link(l: {func: (arg: U)=>void}): JSX.Element;
@@ -47,7 +49,7 @@ file.tsx(31,52): error TS2322: Type '(val: string) => void' is not assignable to
~~~~
!!! error TS2322: Type '(a: number, b: string) => void' is not assignable to type '(arg: number) => void'.
!!! error TS2322: Target signature provides too few arguments. Expected 2 or more, but got 1.
-!!! related TS6500 file.tsx:16:30: The expected type comes from property 'func' which is declared here on type 'IntrinsicAttributes & { func: (arg: number) => void; }'
+!!! related TS6500 file.tsx:18:30: The expected type comes from property 'func' which is declared here on type 'IntrinsicAttributes & { func: (arg: number) => void; }'
}
interface InferParamProp {
@@ -63,5 +65,5 @@ file.tsx(31,52): error TS2322: Type '(val: string) => void' is not assignable to
!!! error TS2322: Type '(val: string) => void' is not assignable to type '(selectedVal: number) => void'.
!!! error TS2322: Types of parameters 'val' and 'selectedVal' are incompatible.
!!! error TS2322: Type 'number' is not assignable to type 'string'.
-!!! related TS6500 file.tsx:25:5: The expected type comes from property 'selectHandler' which is declared here on type 'IntrinsicAttributes & InferParamProp'
+!!! related TS6500 file.tsx:27:5: The expected type comes from property 'selectHandler' which is declared here on type 'IntrinsicAttributes & InferParamProp'
\ No newline at end of file
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.js b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.js
index f5f1819eb6089..3f0db4d697b0c 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.js
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentsWithTypeArguments2.tsx] ////
//// [file.tsx]
+/// (l: {prop: U, "ignore-prop": string}): JSX.Element;
@@ -35,6 +37,7 @@ let i = (l: {prop: U, "ignore-prop": string}): JSX.Element;
->ComponentSpecific1 : Symbol(ComponentSpecific1, Decl(file.tsx, 0, 31))
->U : Symbol(U, Decl(file.tsx, 2, 36))
->l : Symbol(l, Decl(file.tsx, 2, 39))
->prop : Symbol(prop, Decl(file.tsx, 2, 43))
->U : Symbol(U, Decl(file.tsx, 2, 36))
->"ignore-prop" : Symbol("ignore-prop", Decl(file.tsx, 2, 51))
+>ComponentSpecific1 : Symbol(ComponentSpecific1, Decl(file.tsx, 2, 31))
+>U : Symbol(U, Decl(file.tsx, 4, 36))
+>l : Symbol(l, Decl(file.tsx, 4, 39))
+>prop : Symbol(prop, Decl(file.tsx, 4, 43))
+>U : Symbol(U, Decl(file.tsx, 4, 36))
+>"ignore-prop" : Symbol("ignore-prop", Decl(file.tsx, 4, 51))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function ComponentSpecific2(l: {prop: U}): JSX.Element;
->ComponentSpecific2 : Symbol(ComponentSpecific2, Decl(file.tsx, 2, 89))
->U : Symbol(U, Decl(file.tsx, 3, 36))
->l : Symbol(l, Decl(file.tsx, 3, 39))
->prop : Symbol(prop, Decl(file.tsx, 3, 43))
->U : Symbol(U, Decl(file.tsx, 3, 36))
+>ComponentSpecific2 : Symbol(ComponentSpecific2, Decl(file.tsx, 4, 89))
+>U : Symbol(U, Decl(file.tsx, 5, 36))
+>l : Symbol(l, Decl(file.tsx, 5, 39))
+>prop : Symbol(prop, Decl(file.tsx, 5, 43))
+>U : Symbol(U, Decl(file.tsx, 5, 36))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// Error
function Bar(arg: T) {
->Bar : Symbol(Bar, Decl(file.tsx, 3, 66))
->T : Symbol(T, Decl(file.tsx, 6, 13))
->prop : Symbol(prop, Decl(file.tsx, 6, 24))
->arg : Symbol(arg, Decl(file.tsx, 6, 39))
->T : Symbol(T, Decl(file.tsx, 6, 13))
+>Bar : Symbol(Bar, Decl(file.tsx, 5, 66))
+>T : Symbol(T, Decl(file.tsx, 8, 13))
+>prop : Symbol(prop, Decl(file.tsx, 8, 24))
+>arg : Symbol(arg, Decl(file.tsx, 8, 39))
+>T : Symbol(T, Decl(file.tsx, 8, 13))
let a1 = (arg: T) {
->Baz : Symbol(Baz, Decl(file.tsx, 8, 2))
->T : Symbol(T, Decl(file.tsx, 11, 13))
->arg : Symbol(arg, Decl(file.tsx, 11, 16))
->T : Symbol(T, Decl(file.tsx, 11, 13))
+>Baz : Symbol(Baz, Decl(file.tsx, 10, 2))
+>T : Symbol(T, Decl(file.tsx, 13, 13))
+>arg : Symbol(arg, Decl(file.tsx, 13, 16))
+>T : Symbol(T, Decl(file.tsx, 13, 13))
let a0 = (l: {func: (arg: U)=>void}): JSX.Element;
->Link : Symbol(Link, Decl(file.tsx, 13, 1))
->U : Symbol(U, Decl(file.tsx, 15, 22))
->l : Symbol(l, Decl(file.tsx, 15, 25))
->func : Symbol(func, Decl(file.tsx, 15, 29))
->arg : Symbol(arg, Decl(file.tsx, 15, 36))
->U : Symbol(U, Decl(file.tsx, 15, 22))
+>Link : Symbol(Link, Decl(file.tsx, 15, 1))
+>U : Symbol(U, Decl(file.tsx, 17, 22))
+>l : Symbol(l, Decl(file.tsx, 17, 25))
+>func : Symbol(func, Decl(file.tsx, 17, 29))
+>arg : Symbol(arg, Decl(file.tsx, 17, 36))
+>U : Symbol(U, Decl(file.tsx, 17, 22))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// Error
function createLink(func: (a: number, b: string)=>void) {
->createLink : Symbol(createLink, Decl(file.tsx, 15, 65))
->func : Symbol(func, Decl(file.tsx, 18, 20))
->a : Symbol(a, Decl(file.tsx, 18, 27))
->b : Symbol(b, Decl(file.tsx, 18, 37))
+>createLink : Symbol(createLink, Decl(file.tsx, 17, 65))
+>func : Symbol(func, Decl(file.tsx, 20, 20))
+>a : Symbol(a, Decl(file.tsx, 20, 27))
+>b : Symbol(b, Decl(file.tsx, 20, 37))
let o = {
->InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 20, 1))
->T : Symbol(T, Decl(file.tsx, 22, 25))
+>InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 22, 1))
+>T : Symbol(T, Decl(file.tsx, 24, 25))
values: Array;
->values : Symbol(InferParamProp.values, Decl(file.tsx, 22, 29))
+>values : Symbol(InferParamProp.values, Decl(file.tsx, 24, 29))
>Array : Symbol(Array, Decl(lib.es5.d.ts, --, --), Decl(lib.es5.d.ts, --, --))
->T : Symbol(T, Decl(file.tsx, 22, 25))
+>T : Symbol(T, Decl(file.tsx, 24, 25))
selectHandler: (selectedVal: T) => void;
->selectHandler : Symbol(InferParamProp.selectHandler, Decl(file.tsx, 23, 21))
->selectedVal : Symbol(selectedVal, Decl(file.tsx, 24, 20))
->T : Symbol(T, Decl(file.tsx, 22, 25))
+>selectHandler : Symbol(InferParamProp.selectHandler, Decl(file.tsx, 25, 21))
+>selectedVal : Symbol(selectedVal, Decl(file.tsx, 26, 20))
+>T : Symbol(T, Decl(file.tsx, 24, 25))
}
declare function InferParamComponent(attr: InferParamProp): JSX.Element;
->InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 25, 1))
->T : Symbol(T, Decl(file.tsx, 27, 37))
->attr : Symbol(attr, Decl(file.tsx, 27, 40))
->InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 20, 1))
->T : Symbol(T, Decl(file.tsx, 27, 37))
+>InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 27, 1))
+>T : Symbol(T, Decl(file.tsx, 29, 37))
+>attr : Symbol(attr, Decl(file.tsx, 29, 40))
+>InferParamProp : Symbol(InferParamProp, Decl(file.tsx, 22, 1))
+>T : Symbol(T, Decl(file.tsx, 29, 37))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// Error
let i = { }} />;
->i : Symbol(i, Decl(file.tsx, 30, 3))
->InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 25, 1))
->values : Symbol(values, Decl(file.tsx, 30, 28))
->selectHandler : Symbol(selectHandler, Decl(file.tsx, 30, 50))
->val : Symbol(val, Decl(file.tsx, 30, 67))
+>i : Symbol(i, Decl(file.tsx, 32, 3))
+>InferParamComponent : Symbol(InferParamComponent, Decl(file.tsx, 27, 1))
+>values : Symbol(values, Decl(file.tsx, 32, 28))
+>selectHandler : Symbol(selectHandler, Decl(file.tsx, 32, 50))
+>val : Symbol(val, Decl(file.tsx, 32, 67))
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.types b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.types
index feda5b1af3d83..3d9c873f24cd8 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.types
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments2.types
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentsWithTypeArguments2.tsx] ////
=== file.tsx ===
+/// (): JSX.Element;
diff --git a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments3.js b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments3.js
index ea5cf5e566894..ede7d2b73069c 100644
--- a/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments3.js
+++ b/tests/baselines/reference/tsxStatelessFunctionComponentsWithTypeArguments3.js
@@ -1,6 +1,8 @@
//// [tests/cases/conformance/jsx/tsxStatelessFunctionComponentsWithTypeArguments3.tsx] ////
//// [file.tsx]
+/// (): JSX.Element;
@@ -26,6 +28,7 @@ function createLink(func: (a: number)=>void) {
}
//// [file.jsx]
+/// (): JSX.Element;
->OverloadComponent : Symbol(OverloadComponent, Decl(file.tsx, 0, 31), Decl(file.tsx, 2, 53), Decl(file.tsx, 3, 101))
->U : Symbol(U, Decl(file.tsx, 2, 35))
+>OverloadComponent : Symbol(OverloadComponent, Decl(file.tsx, 2, 31), Decl(file.tsx, 4, 53), Decl(file.tsx, 5, 101))
+>U : Symbol(U, Decl(file.tsx, 4, 35))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function OverloadComponent(attr: {b: U, a?: string, "ignore-prop": boolean}): JSX.Element;
->OverloadComponent : Symbol(OverloadComponent, Decl(file.tsx, 0, 31), Decl(file.tsx, 2, 53), Decl(file.tsx, 3, 101))
->U : Symbol(U, Decl(file.tsx, 3, 35))
->attr : Symbol(attr, Decl(file.tsx, 3, 38))
->b : Symbol(b, Decl(file.tsx, 3, 45))
->U : Symbol(U, Decl(file.tsx, 3, 35))
->a : Symbol(a, Decl(file.tsx, 3, 50))
->"ignore-prop" : Symbol("ignore-prop", Decl(file.tsx, 3, 62))
+>OverloadComponent : Symbol(OverloadComponent, Decl(file.tsx, 2, 31), Decl(file.tsx, 4, 53), Decl(file.tsx, 5, 101))
+>U : Symbol(U, Decl(file.tsx, 5, 35))
+>attr : Symbol(attr, Decl(file.tsx, 5, 38))
+>b : Symbol(b, Decl(file.tsx, 5, 45))
+>U : Symbol(U, Decl(file.tsx, 5, 35))
+>a : Symbol(a, Decl(file.tsx, 5, 50))
+>"ignore-prop" : Symbol("ignore-prop", Decl(file.tsx, 5, 62))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function OverloadComponent(attr: {b: U, a: T}): JSX.Element;
->OverloadComponent : Symbol(OverloadComponent, Decl(file.tsx, 0, 31), Decl(file.tsx, 2, 53), Decl(file.tsx, 3, 101))
->T : Symbol(T, Decl(file.tsx, 4, 35))
->U : Symbol(U, Decl(file.tsx, 4, 37))
->attr : Symbol(attr, Decl(file.tsx, 4, 41))
->b : Symbol(b, Decl(file.tsx, 4, 48))
->U : Symbol(U, Decl(file.tsx, 4, 37))
->a : Symbol(a, Decl(file.tsx, 4, 53))
->T : Symbol(T, Decl(file.tsx, 4, 35))
+>OverloadComponent : Symbol(OverloadComponent, Decl(file.tsx, 2, 31), Decl(file.tsx, 4, 53), Decl(file.tsx, 5, 101))
+>T : Symbol(T, Decl(file.tsx, 6, 35))
+>U : Symbol(U, Decl(file.tsx, 6, 37))
+>attr : Symbol(attr, Decl(file.tsx, 6, 41))
+>b : Symbol(b, Decl(file.tsx, 6, 48))
+>U : Symbol(U, Decl(file.tsx, 6, 37))
+>a : Symbol(a, Decl(file.tsx, 6, 53))
+>T : Symbol(T, Decl(file.tsx, 6, 35))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
// OK
function Baz(arg1: T, arg2: U) {
->Baz : Symbol(Baz, Decl(file.tsx, 4, 74))
->T : Symbol(T, Decl(file.tsx, 7, 13))
->b : Symbol(b, Decl(file.tsx, 7, 24))
->U : Symbol(U, Decl(file.tsx, 7, 35))
->a : Symbol(a, Decl(file.tsx, 7, 47))
->b : Symbol(b, Decl(file.tsx, 7, 58))
->arg1 : Symbol(arg1, Decl(file.tsx, 7, 70))
->T : Symbol(T, Decl(file.tsx, 7, 13))
->arg2 : Symbol(arg2, Decl(file.tsx, 7, 78))
->U : Symbol(U, Decl(file.tsx, 7, 35))
+>Baz : Symbol(Baz, Decl(file.tsx, 6, 74))
+>T : Symbol(T, Decl(file.tsx, 9, 13))
+>b : Symbol(b, Decl(file.tsx, 9, 24))
+>U : Symbol(U, Decl(file.tsx, 9, 35))
+>a : Symbol(a, Decl(file.tsx, 9, 47))
+>b : Symbol(b, Decl(file.tsx, 9, 58))
+>arg1 : Symbol(arg1, Decl(file.tsx, 9, 70))
+>T : Symbol(T, Decl(file.tsx, 9, 13))
+>arg2 : Symbol(arg2, Decl(file.tsx, 9, 78))
+>U : Symbol(U, Decl(file.tsx, 9, 35))
let a0 = (l: {func: (arg: U)=>void}): JSX.Element;
->Link : Symbol(Link, Decl(file.tsx, 15, 1), Decl(file.tsx, 17, 65))
->U : Symbol(U, Decl(file.tsx, 17, 22))
->l : Symbol(l, Decl(file.tsx, 17, 25))
->func : Symbol(func, Decl(file.tsx, 17, 29))
->arg : Symbol(arg, Decl(file.tsx, 17, 36))
->U : Symbol(U, Decl(file.tsx, 17, 22))
+>Link : Symbol(Link, Decl(file.tsx, 17, 1), Decl(file.tsx, 19, 65))
+>U : Symbol(U, Decl(file.tsx, 19, 22))
+>l : Symbol(l, Decl(file.tsx, 19, 25))
+>func : Symbol(func, Decl(file.tsx, 19, 29))
+>arg : Symbol(arg, Decl(file.tsx, 19, 36))
+>U : Symbol(U, Decl(file.tsx, 19, 22))
>JSX : Symbol(JSX, Decl(react.d.ts, 2353, 1))
>Element : Symbol(JSX.Element, Decl(react.d.ts, 2356, 27))
declare function Link
;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.selfClosing = exports.frag = exports.HelloWorld = void 0;
-///