Incorrect indentation on JSX/TSX/React files

1. nvim

   1 39 1,360 8.6 Lua

   A non-minimal Neovim config built to work most efficiently with Frontend Development (by ecosse3)

   

   I experience same issue with my Ecovim config. Looks like it's the issue with treesitter TSX parser anyway.

2. Stream

   getstream.io featured

   Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

   

3. vim-jsx-pretty

   2 8 975 0.0 Vim Script

   :flashlight: [Vim script] JSX and TSX syntax pretty highlighting for vim.

   

   I’ve always had issues with treesitter indent, not just with JSX, but for almost every language, so I just straight turn it off. What I do is enable regex highlighting in the treesitter options and use something like https://github.com/MaxMEllon/vim-jsx-pretty for JSX files, I doesn’t override treesitter highlighting but it does provides indentation.

4. vim-jsx-improve

   3 3 284 0.0 Vim Script

   Syntax and indent plugin for React jsx.

   

   This drives me nuts, too. The only solution I've found is to use vim-jsx-improve. I haven't managed to get it to set the filetype automatically, so I just throw the following comment at the top of my .jsx files:

Suggest a related project