Having trouble with indentation on JSX


I am tired of finding the solution when I press the enter button for the next line why the align is not matching the previous line of code, kindly check the screenshot below,


If you see the screenshot above, Cursor is moved to the W position by default by I want to align it to H by default which is not working, and I always have to press tab button for realignment. Please help


Which language / grammar package are you using?


Sorry I don’t understand what do you mean?

  • In which program language are you coding in?
  • Which add-on package is giving you the highlighting colours?
    -> …an internal core package or a 3rd party package?

Basically… what information do I (as non programmer) need to try and replicate what you are showing.


Try using the package
…for your JSX.