Syntax highlighting disabled after a certain line in TypeScript React

[mjbvz]

From @andraaspar on August 16, 2018 13:3

Issue Type: Bug

1. New file
2. Select Language Mode > typescriptreact
3. Paste code:

function highlightMe() {
    return (
        <Foo>
            <Bar
                fun={() =>
                    <Wicked_Compontent // Highlighting works
                        key={obj[0]} // Highlighting does not work
                    />
                }
            />
            <Quux>
                <em>I'm not highlighted :(</em>
            </Quux>
        </Foo>
    )
}

VS Code version: Code - Insiders 1.27.0-insider (b00ab5288f314f6ef8d82923d89a0555ad15eb06, 2018-08-16T09:38:37.976Z)
OS version: Windows_NT x64 10.0.17134

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-5600U CPU @ 2.60GHz (4 x 2594)
GPU Status	2d_canvas: enabled checker_imaging: disabled_off flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on native_gpu_memory_buffers: disabled_software rasterization: enabled video_decode: enabled video_encode: enabled webgl: enabled webgl2: enabled
Memory (System)	7.89GB (1.85GB free)
Process Argv	C:\Users\aparditka\AppData\Local\Programs\Microsoft VS Code Insiders\Code - Insiders.exe
Screen Reader	no
VM	0%

Extensions: none

Copied from original issue: microsoft/vscode#56561

[mjbvz]

From @andraaspar on August 16, 2018 13:6

I can see three things that trigger this together:

• the fun attribute with the function
• the underscore in Wicked_Component
• the [0]

Deleting some will re-enable highlighting. HTH

[mjbvz]

Possibly duplicate of #646

[sheetalkamat]

Duplicate of #648