are my syntax highlights correct?

[zilahir]

Hi!

My new year resolution is to switching to neovim. Been using it for a while, and also configuring it as it goes.

I've been using the tokyonight theme also in VSCode, but something is bothering me in neovim. This theme supports treesitter, so that not should be the problem, also the highlights partially correct, but the JSX syntax looks odd to me.

neovim:

vscode:

the difference is noticeable on the screenshots.

I've done a slight adjustments in the config, but thats just for the indent lines:

{
        "folke/tokyonight.nvim",
        lazy = true,
        opts = {
            style = "night",
            on_highlights = function(hl, c)
                hl.MiniIndentscopeSymbol = {
                    fg = "#3b4261"
                }
                hl.IblIndent = {
                    fg = "#242635"
                }
            end,
        },
    }

the non-jsx code highlights look ok to me:

Is this how the JSX should look like, or something is definitely off with my setup?

Thanks in advance!

---

update1: I am suing using Lazyvim distro.

[zilahir]

and the solution was given on ThePrimeagen discord:

hl["@constructor.tsx"] = { link = "@tag.tsx" }

Thanks to @AlphaKeks. 🙏