1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
=== tests/cases/conformance/jsx/file.tsx ===
import React = require('react');
>React : typeof React
function EmptySFC1() {
>EmptySFC1 : () => JSX.Element
return <div>Hi</div>
><div>Hi</div> : JSX.Element
>div : any
>div : any
}
function EmptySFC2() {
>EmptySFC2 : () => JSX.Element
return <div>Hello</div>
><div>Hello</div> : JSX.Element
>div : any
>div : any
}
function SFC2(prop: { x: boolean }) {
>SFC2 : (prop: { x: boolean;}) => JSX.Element
>prop : { x: boolean; }
>x : boolean
return <h1>World</h1>;
><h1>World</h1> : JSX.Element
>h1 : any
>h1 : any
}
var EmptySFCComp = EmptySFC1 || EmptySFC2;
>EmptySFCComp : () => JSX.Element
>EmptySFC1 || EmptySFC2 : () => JSX.Element
>EmptySFC1 : () => JSX.Element
>EmptySFC2 : () => JSX.Element
var SFC2AndEmptyComp = SFC2 || EmptySFC1;
>SFC2AndEmptyComp : (prop: { x: boolean; }) => JSX.Element
>SFC2 || EmptySFC1 : (prop: { x: boolean; }) => JSX.Element
>SFC2 : (prop: { x: boolean; }) => JSX.Element
>EmptySFC1 : () => JSX.Element
// Error
let a = <EmptySFCComp x />;
>a : JSX.Element
><EmptySFCComp x /> : JSX.Element
>EmptySFCComp : () => JSX.Element
>x : true
let b = <SFC2AndEmptyComp x="hi" />;
>b : JSX.Element
><SFC2AndEmptyComp x="hi" /> : JSX.Element
>SFC2AndEmptyComp : (prop: { x: boolean; }) => JSX.Element
>x : string
let c = <SFC2AndEmptyComp />;
>c : JSX.Element
><SFC2AndEmptyComp /> : JSX.Element
>SFC2AndEmptyComp : (prop: { x: boolean; }) => JSX.Element
let d = <SFC2AndEmptyComp data-prop />;
>d : JSX.Element
><SFC2AndEmptyComp data-prop /> : JSX.Element
>SFC2AndEmptyComp : (prop: { x: boolean; }) => JSX.Element
>data-prop : true
|
