Repository navigation
2.3.1 TSX spread with union types #15432
Description
TypeScript Version: 2.3.1, 2.4.0-dev.20170427
Code
type Foo = { foo: string }
type Bar = { bar: string }
type Baz = { baz: string }
type FBB = Foo | Bar | Baz
declare const obj: FBB
const FbbComponent = (props: FBB) => (
<div>{JSON.stringify(props)}</div>
)
const comp1 = React.createElement(FbbComponent, { ...obj }) // works
const comp2 = <FbbComponent {...obj as Foo} /> // works
const comp3 = <FbbComponent {...obj} /> // does not workExpected behavior:
Compiles without errors
Actual behavior:
Error:
Type '{}' is not assignable to type '(IntrinsicAttributes & Foo) | (IntrinsicAttributes & Bar) | (IntrinsicAttributes & Baz)'.
Type '{}' is not assignable to type 'IntrinsicAttributes & Baz'.
Type '{}' is not assignable to type 'Baz'.
Property 'baz' is missing in type '{}'.
Activity
mhegazy commentedon Apr 28, 2017
This is a duplicate of #14112, #15420, #13557, and #14409 fixed by #13288.
mhegazy commentedon May 19, 2017
Automatically closing this issue for housekeeping purposes. The issue labels indicate that it is unactionable at the moment or has already been addressed.