Gitpod: JSX Syntax not working

[juliolugo96]

Describe the bug

JSX syntax not working when I create a file with this extension.

To Reproduce

Open a file with .jsx extension

Expected behavior

Highlight code with specified syntax.

[sr229]

AFAIK JSX is not yet supported but can be in a future plugin support via VS Code extensions. The only JS superset with integration to Theia, which is native to Monaco, is TypeScript

[svenefftinge]

That is not true. JSX as well as TSX is support. I'll look into it, thanks for creating the issue.

[svenefftinge]

I tried to reproduce but couldn't.
For instance the snapshot below contains js files with JSX components in it, which work for me.
Could you clarify what is not working and maybe share a repository to reproduce?

[juliolugo96]

Hello. Thank you for replying.

Yeah, I actually did exactly what you do there: I used 'JavaScript' Language Mode, and it solved the JSX issue.

However, there's a problem that occurs when I select 'JavaScript React' in the Language Mode: syntax doesn't highlight. By default, when I create a file with .jsx extension (MyComponent.jsx, for example), 'JavaScript React' is established as Language by the editor, and JSX syntax is not highlighted in this new file. Take a look:

[svenefftinge]

Ok, thank you, so it is broken with *.jsx files. We'll look into it.

[burmester]

Upvote on this!

[svenefftinge]

This works now.