Open
Description
TypeScript Version: 3.5.0-dev.20190423
This code works in 3.3.4000 and is broken in 3.4.5
Code
function MyComponent({a, b}: {a: number; b: number}) {
return a + b;
}
function test<Props>(
_getComponent: () => Promise<(props: Props) => number | string>,
) {}
test(() => Promise.resolve({MyComponent}).then(m => m.MyComponent));
Of course this is a simplified example. The code I found this in uses React and lazy loading with import()
.
Expected behavior: This example should pass type checking without any problems.
Actual behavior:
test.ts:9:12 - error TS2322: Type 'Promise<(({ a, b }: { a: number; b: number; }) => number) | ((props: never) => string | number)>' is not assignable to type 'Promise<(props: { a: number; b: number; }) => string | number>'.
Type '(({ a, b }: { a: number; b: number; }) => number) | ((props: never) => string | number)' is not assignable to type '(props: { a: number; b: number; }) => string | number'.
Type '(props: never) => string | number' is not assignable to type '(props: { a: number; b: number; }) => string | number'.
Types of parameters 'props' and 'props' are incompatible.
Type '{ a: number; b: number; }' is not assignable to type 'never'.
9 test(() => Promise.resolve({MyComponent}).then(m => m.MyComponent));
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
test.ts:6:18
6 _getComponent: () => Promise<(props: Props) => number | string>,
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The expected type comes from the return type of this signature.
Notably here the actual type is inferred to be…
Promise<(({ a, b }: { a: number; b: number; }) => number) | ((props: never) => string | number)>
…which has an extra union variant…
(props: never) => string | number
…coming out of nowhere.
Playground Link:
You need to enable strictFunctionTypes
.