Как заставить работать алиасы React + Typescript в VSCODE?

Question

[JeanPaulBelmondo]

Используется webpack 5.
мой tsconfig

spoiler

{
    "compilerOptions": {
        "target": "es5",
        "lib": [
            "dom",
            "dom.iterable",
            "esnext"
        ],
        "allowJs": true,
        "skipLibCheck": true,
        "allowSyntheticDefaultImports": true,
        "forceConsistentCasingInFileNames": true,
        "noFallthroughCasesInSwitch": true,
        "module": "esnext",
        "moduleResolution": "node",
        "isolatedModules": true,
        "noEmit": true,
        "jsx": "react-jsx",
        "sourceMap": true,
        "strict": true,
        "esModuleInterop": true,
        "resolveJsonModule": true
    },
    "baseUrl": "src",
    "paths": {
        "@pages": [
            "pages/*"
        ]
    },
    "include": [
        "src"
    ]
}

фрагмент из конфига webpack

spoiler

resolve: {
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        alias: {
            '@pages': path.resolve(__dirname, 'src/pages')
        },
    },

сам по себе алиас работает, но в VSCODE он импорт подсвечивается красным и автоматически не импортируются, как это можно исправить?