typescript tsx extension syntax highlighting problem

[b6pzeusbc54tvhw5jgpyw8pwz2x6gs]

• VSCode Version: 1.35.1 (1.35.1)
• OS Version: MacOS 10.14.5

The last line <TextSmall text={text}/> should be highlighted with the same color as above.

If comment is removed, it works fine:

Does this issue occur when all extensions are disabled?: Yes

[mjbvz]

Please share the text of the code along with screenshots

[b6pzeusbc54tvhw5jgpyw8pwz2x6gs]

@mjbvz please check it.

const Text: React.FunctionComponent<IProps> = (props) => {
  const { type, text } = props
  return (
      type === 'BIG'      ? <TextBig text={text}/>
    : type === 'BOLD'     ? <TextBold text={text}/>
    : /* type === SMALL */  <TextSmall text={text}/>
  )
}

const Text: React.FunctionComponent<IProps> = (props) => {
  const { type, text } = props
  return (
      type === 'BIG'      ? <TextBig text={text}/>
    : type === 'BOLD'     ? <TextBold text={text}/>
    : <TextSmall text={text}/>
  )
}

[mjbvz]

Thanks. Opened microsoft/TypeScript-TmLanguage#754 to track this upstream