Eslint CLI doesnt show prettier errors but VSCode does - reactjs

Question

I wanted to use eslint to integrate the airbnb styleguide. Also I want the prettier style rules.
Problem is eslint is giving me no errors when using it from the command line but VSCode does.
VSCode shows in the Problems Tab "eslint(prettier/prettier)" as error.
When i run eslint src/** i get zero errors.
Also pressing save in VSCode Formats my Code using prettier ( Plugin ) but most of the time it just changes back to the old formatting then.
So i want when i execute eslint src/** to apply prettier rules like my VSCode does.
My .eslintrc.json
{
"extends": [
"airbnb",
"airbnb/hooks",
"airbnb-typescript",
"prettier"
],
"plugins": [
"prettier",
"#typescript-eslint"
],
"env": {
"browser": true,
"es6": true,
"jest": true
},
"ignorePatterns": [
"*.css",
"*.png",
"*.json",
"*.svg"
],
"parser": "#typescript-eslint/parser",
"parserOptions": {
"sourceType": "module",
"project": "./tsconfig.json"
},
"rules": {
"react/jsx-filename-extension": [
1,
{
"extensions": [
".tsx"
]
}
],
"import/extensions": [
"error",
"never",
{
"json": "always",
"svg": "always",
"css": "always"
}
],
"max-len": [
"error",
{
"code": 999,
"ignoreStrings": true,
"ignoreComments": true,
"ignoreTemplateLiterals": true
}
],
"func-names": [
"error",
"as-needed",
{
"generators": "never"
}
],
"react/jsx-props-no-spreading": [
"off"
],
"no-param-reassign": [
"error",
{ "props": false }
],
"import/order": [
"error",
{
"groups": [
"index",
"sibling",
"parent",
"internal",
"external",
"builtin",
"object",
"type"
],
"alphabetize": {
"order": "asc",
"caseInsensitive": true
}
}
],
"react/function-component-definition": [
2,
{
"namedComponents": "function-declaration"
}
],
"no-tabs": ["error", { "allowIndentationTabs": false }],
"prettier/prettier": "error"
}
}
.prettierrc
{
"printWidth": 999,
"singleQuote": true,
"useTabs": false
}