setup prettier vscode

in vscode I already formetter beautify to format whenever I saved change on files. But while I work with react native, plugin Beautify can't handle to format the code. I don't know why.
I decide to install another plugin formatter, called 'prettier'. To install it foollow the command:

- type ctr+shift+P it gonna open bar tab on the fly to execute some commands
- type `install extension` and Enter
- look for Prettier - Code formatter then install. Wait till finished
- you need to setup to make pretiier work for default formatter whenever you code
- open setting, by navigate cursor on `file -> preferences -> settings` look for `edit in settings.json` on tab extensions
- change into `"editor.defaultFormatter": "esbenp.prettier-vscode"` also `"editor.formatOnSave": true,` and `"prettier.eslintIntegration": true,`
- restart vscode by type `ctrl+shift+P` type `reload windows`

when something doesn't feel right, follow this config

{
  "editor.defaultFormatter": null,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

then continue to reload window