TypeScript/tests/baselines/reference/jsxExcessPropsAndAssignability.types at 2f3ef24028cab2ff6b5961db8f446d2bf721181d · jakebailey/TypeScript · GitHub

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
71
72
73
74
//// [tests/cases/compiler/jsxExcessPropsAndAssignability.tsx] ////

=== Performance Stats ===
Assignability cache: 2,500
Type Count: 10,000
Instantiation count: 100,000
Symbol count: 50,000

=== jsxExcessPropsAndAssignability.tsx ===
/// <reference path="react16.d.ts" />

import * as React from 'react';
>React : typeof React
>      : ^^^^^^^^^^^^

const myHoc = <ComposedComponentProps extends any>(
>myHoc : <ComposedComponentProps extends unknown>(ComposedComponent: React.ComponentClass<ComposedComponentProps>) => void
>      : ^                      ^^^^^^^^^^^^^^^^^^                 ^^                                            ^^^^^^^^^
><ComposedComponentProps extends any>(    ComposedComponent: React.ComponentClass<ComposedComponentProps>,) => {    type WrapperComponentProps = ComposedComponentProps & { myProp: string };    const WrapperComponent: React.ComponentClass<WrapperComponentProps> = null as any;    const props: ComposedComponentProps = null as any;    <WrapperComponent {...props} myProp={'1000000'} />;    <WrapperComponent {...props} myProp={1000000} />;} : <ComposedComponentProps extends unknown>(ComposedComponent: React.ComponentClass<ComposedComponentProps>) => void
>                                                                                                                                                                                                                                                                                                                                                                                                                                                      : ^                      ^^^^^^^^^^^^^^^^^^                 ^^                                            ^^^^^^^^^

    ComposedComponent: React.ComponentClass<ComposedComponentProps>,
>ComposedComponent : React.ComponentClass<ComposedComponentProps, any>
>                  : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
>React : any
>      : ^^^

) => {
    type WrapperComponentProps = ComposedComponentProps & { myProp: string };
>WrapperComponentProps : ComposedComponentProps & { myProp: string; }
>                      : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^      ^^^
>myProp : string
>       : ^^^^^^

    const WrapperComponent: React.ComponentClass<WrapperComponentProps> = null as any;
>WrapperComponent : React.ComponentClass<ComposedComponentProps & { myProp: string; }, any>
>                 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^      ^^^^^^^^^
>React : any
>      : ^^^
>null as any : any
>            : ^^^

    const props: ComposedComponentProps = null as any;
>props : ComposedComponentProps
>      : ^^^^^^^^^^^^^^^^^^^^^^
>null as any : any
>            : ^^^

    <WrapperComponent {...props} myProp={'1000000'} />;
><WrapperComponent {...props} myProp={'1000000'} /> : JSX.Element
>                                                   : ^^^^^^^^^^^
>WrapperComponent : React.ComponentClass<ComposedComponentProps & { myProp: string; }, any>
>                 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^      ^^^^^^^^^
>props : ComposedComponentProps
>      : ^^^^^^^^^^^^^^^^^^^^^^
>myProp : "1000000"
>       : ^^^^^^^^^
>'1000000' : "1000000"
>          : ^^^^^^^^^

    <WrapperComponent {...props} myProp={1000000} />;
><WrapperComponent {...props} myProp={1000000} /> : JSX.Element
>                                                 : ^^^^^^^^^^^
>WrapperComponent : React.ComponentClass<ComposedComponentProps & { myProp: string; }, any>
>                 : ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^      ^^^^^^^^^
>props : ComposedComponentProps
>      : ^^^^^^^^^^^^^^^^^^^^^^
>myProp : number
>       : ^^^^^^
>1000000 : 1000000
>        : ^^^^^^^

};