How to prevent insert spaces in JSX code

Question

I have just started learning React Native. I am using Visual Studio Code for editing. Whenever I save my file it is inserting spaces in my JSX code. This reduces the readabi

Answer 1

Or you could also rename the file changing its extension from .js to .jsx and VSCode will understand that the file is React.

Answer 2

I managed to resolve this by manually changing the language of the file to javascriptreact instead of javascript.

Screenshot:

Answer 3

I had this problem and I solved by making js-css-html formatter extension disable and closing the vs code and restart