JSX semantic highlight wrong for non-nested self-closing components

[IllusionMH]

Issue Type: Bug

Both DiscountedItemPrice and RegularItemPrice have same definitions (arrow function above), however if I nest DiscountedItemPrice into div it has proper color for custom component.

const ItemPrice = (props) => {
    return props.discountAmount > -1
        ? <div><DiscountedItemPrice { ...props } /></div>
        : <RegularItemPrice { ...props } />;
};

Screen: Tokens for DiscountedItemPrice

Screen: Tokens for RegularItemPrice

However it will be displayed fine if I make it not self-closing

Screen: Tokens for RegularItemPrice (not self-closing)

/cc @aeschli

VS Code version: Code - Insiders 1.42.0-insider (f3dbcea, 2020-01-24T05:38:14.538Z)
OS version: Windows_NT x64 10.0.18363

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz (12 x 3192)
GPU Status	2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on oop_rasterization: disabled_off protected_video_decode: enabled rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled viz_display_compositor: enabled_on viz_hit_test_surface_layer: disabled_off_ok webgl: enabled webgl2: enabled
Load (avg)	undefined
Memory (System)	31.72GB (13.52GB free)
Process Argv
Screen Reader	no
VM	0%

Extensions: none