Skip to content

JSX code highlighted incorrectly #794

Closed
@soheilpro

Description

@soheilpro

Issue Type: Bug

This piece of JSX code is incorrectly highlighted:

import { Image } from 'react-native';

class MyComponent {
  render() {
    const image = getSomeImage();

    return (
      <Image source={image} style={{ aspectRatio: image.width! / image.height! }} />
    );
  }
}

Screen Shot 2019-12-13 at 9 30 27 AM

VS Code version: Code 1.41.0 (9579eda04fdb3a9bba2750f15193e5fafe16b959, 2019-12-11T17:58:38.338Z)
OS version: Darwin x64 18.7.0

System Info
Item Value
CPUs Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz (8 x 2500)
GPU Status 2d_canvas: enabled
flash_3d: enabled
flash_stage3d: enabled
flash_stage3d_baseline: enabled
gpu_compositing: enabled
metal: disabled_off
multiple_raster_threads: enabled_on
oop_rasterization: disabled_off
protected_video_decode: unavailable_off
rasterization: enabled
skia_renderer: disabled_off
surface_control: disabled_off
surface_synchronization: enabled_on
video_decode: enabled
viz_display_compositor: enabled_on
viz_hit_test_surface_layer: disabled_off
webgl: enabled
webgl2: enabled
Load (avg) 2, 2, 2
Memory (System) 16.00GB (5.71GB free)
Process Argv -psn_0_10898020
Screen Reader no
VM 0%
Extensions (10)
Extension Author (truncated) Version
spellright ban 3.0.48
EditorConfig Edi 0.14.2
dotenv mik 1.0.1
csharp ms- 1.21.8
vscode-typescript-tslint-plugin ms- 1.2.3
vscode-fileutils sle 3.0.0
vscodeintellicode Vis 1.2.0
gitblame wad 3.0.1
in-any-case wil 1.1.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions