How to change default indentation for JavaScript Babel and JavaScript React in VS Code?

Solution for How to change default indentation for JavaScript Babel and JavaScript React in VS Code?
is Given Below:

Writing the following piece of code in settings.json file in VS Code, I was able to override the default 4-space indentation for JavaScript:

"[javascript]": {
    "editor.tabSize": 2
},

For some reason, this does not apply to JavaScript React and JavaScript Babel in VS Code. How can I change their default indentation in VS Code?

press ctrl+, to open editor settings then in search input write ‘indentation’.

It offers you related settings:
enter image description here