How to stop vscode from removing indent when closing curly braces

Question

hope you guys can help me out, vscode is removing the indentation when I close curly braces and this is annyoing me, here is a gif of what's happenning

vscode removing indent

Answer 1

Change Auto Indent in your settings (Text editor) to keep from full . (see screenshot below)

Note: It can affect something another, but it fixes the problem.

Answer 2

The reason is your VS code doesn't know about JSX in your JS files. Try to change your user settings or workspace settings as below:

// Place your settings in this file to overwrite the default settings
{
    "files.associations": {
        "*.js": "javascriptreact"
    }
}

Note: You might need to restart VSCode.