Prettier extensions conflicts with the the organizeImports setting in VSCode, when organize imports on save is enabled.
How to fix VSCode organizeImports conflict with prettier
Open VsCode: Select View > Command Palette... > Enter Preferences: Open Settings (JSON) and edit as below
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.organizeImports": true
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"editor.formatOnSave": true