File: tsxDeepAttributeAssignabilityError.js

package info (click to toggle)
node-typescript 3.3.3333-1
  • links: PTS, VCS
  • area: main
  • in suites: buster
  • size: 324,548 kB
  • sloc: makefile: 6; sh: 3
file content (43 lines) | stat: -rw-r--r-- 980 bytes parent folder | download
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
    } });