VSCode doesn't understand React Fragment <></>, doesn't recognize newer ES syntax (.?)

Question

I am running vscode version 1.39.2. The Syntax highlighting messes up for React fragments and new ES syntax.

Answer 1

VSCode supports JSX fragment syntax. This problem is likely related to an extension in OP's editor. I found that disabling Babel ES6/ES7 v0.0.4 alleviated this issue for me.

As for the second issue, the latest stable release of VSCode v1.40.0 doesn't support syntax highlighting for optional chaining (i.e. ?.), but the next minor version v1.41 will include it. In the meantime, there are other options you have for adding this feature, detailed by Matt Bierner here.

Answer 2

Disabling Babel E6/E7 extension in VScode worked for me.