Visual Studio Code intellisense on React component using typescript with union types

[qwerty2k]

3.0.3 also checked on 3.1.0-dev.20180919

typescript visual studio code union types intellisense

Code

interface IA { name: string }
interface IB extends IA { type: 'B'; myProp: string }
interface IC extends IA { type: 'C'; secondProp: string }

const MyComponent: React.SFC<IB | IC> = props => {
  return <span>test</span>
  }

class App extends React.Component {
  public render() {
    return (
      <MyComponent type='B' />
    );
  }
}

Expected behavior:
When rendering MyComponent if i set then i should get an autocomplete option for 'myProp'.

Actual behavior:

no intellisense shown for 'myProp'. If i don't give a value for 'myProp' the compiler does error, but no intellisense autocomplete option is ever shown.

Related Issues:
i posted the issue generally on stackoverflow and a response was that it may be worth logging here and it may be related to bug: TypeScript issue #26004

[RyanCavanaugh]

Need to copy over/generalize the logic for completions of discriminated unions to the JSX props logic

[weswigham]

#27408 maybe? Unless we also do something in services?