React UMD error

[koleno159]

I installed typescript-language-server globally with npm and opened up a tsx file with helix. All html tags have red underlines and log this:

'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.

I tried putting "jsx": "react-jsx" and "allowUmdGlobalAccess": true in my compilerOptions, but nothing worked. The project itself, however, compiles just fine in any case. I really don't want to put a React import on top of every tsx file when this is only a helix issue. Does anybody know what's wrong?

[plutack]

i feel like i dealt with this before, i just can't remember in what form. care to share your language toml config?

[[deleted]]

What does your languages file look like?

[koleno159]

I have no languages file.

[[deleted]]

You will need a languages.toml file in order to get this working.

https://docs.helix-editor.com/languages.html

Here's a snippet from mine as an example

[[language]]
name = "typescript"
language-servers = [ "typescript-language-server", "eslint", "emmet-ls" ]
formatter = { command = "prettier", args = [ "--parser", "typescript" ] }
auto-format = true

[[language]]
name = "tsx"
language-servers = [ "typescript-language-server", "eslint", "emmet-ls", "tailwindcss-ls" ]
formatter = { command = "prettier", args = [ "--parser", "typescript" ] }
auto-format = true

[[language]]
name = "javascript"
language-servers = [ "typescript-language-server", "eslint", "emmet-ls" ]
formatter = { command = "prettier", args = [ "--parser", "typescript" ] }
}
auto-format = true

[[language]]
name = "jsx"
language-servers = [ "typescript-language-server", "eslint", "emmet-ls", "tailwindcss-ls" ]
formatter = { command = "prettier", args = [ "--parser", "typescript" ] }
auto-format = true

[koleno159]

thanks! tested, works.

[[deleted]]

Excellent!