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
|
//// [file.tsx]
import React = require('react');
function EmptySFC1() {
return <div>Hi</div>
}
function EmptySFC2() {
return <div>Hello</div>
}
function SFC2(prop: { x: boolean }) {
return <h1>World</h1>;
}
var EmptySFCComp = EmptySFC1 || EmptySFC2;
var SFC2AndEmptyComp = SFC2 || EmptySFC1;
// Error
let a = <EmptySFCComp x />;
let b = <SFC2AndEmptyComp x="hi" />;
let c = <SFC2AndEmptyComp />;
let d = <SFC2AndEmptyComp data-prop />;
//// [file.js]
"use strict";
exports.__esModule = true;
var React = require("react");
function EmptySFC1() {
return React.createElement("div", null, "Hi");
}
function EmptySFC2() {
return React.createElement("div", null, "Hello");
}
function SFC2(prop) {
return React.createElement("h1", null, "World");
}
var EmptySFCComp = EmptySFC1 || EmptySFC2;
var SFC2AndEmptyComp = SFC2 || EmptySFC1;
// Error
var a = React.createElement(EmptySFCComp, { x: true });
var b = React.createElement(SFC2AndEmptyComp, { x: "hi" });
var c = React.createElement(SFC2AndEmptyComp, null);
var d = React.createElement(SFC2AndEmptyComp, { "data-prop": true });
|
