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
|
//// [tests/cases/compiler/tsxDeepAttributeAssignabilityError.tsx] ////
//// [my-component.tsx]
import * as React from 'react'
interface MyProps {
x: string;
y: MyInnerProps;
}
interface MyInnerProps {
value: string;
}
export function MyComponent(_props: MyProps) {
return <span>my component</span>;
}
//// [file1.tsx]
import * as React from 'react'
import { MyComponent } from './my-component'
export const result = <MyComponent x="yes" y={{
value: 42
}} />;
//// [my-component.js]
"use strict";
exports.__esModule = true;
var React = require("react");
function MyComponent(_props) {
return React.createElement("span", null, "my component");
}
exports.MyComponent = MyComponent;
//// [file1.js]
"use strict";
exports.__esModule = true;
var React = require("react");
var my_component_1 = require("./my-component");
exports.result = React.createElement(my_component_1.MyComponent, { x: "yes", y: {
value: 42
} });
|
