eslint import aliases not working eslint-plugin-import

Question

my .eslintrc.json file located at ./

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:import/errors",
        "plugin:import/warnings"
    ],
    "overrides": [
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "rules": {
    },

    "settings": {
        "import/resolver": {
            "alias": {
                "root": ["./"],
                "map": [
                    ["@", "./src"]
                ],
                "extensions": [".js", ".jsx", ".ts", ".tsx"]
            }
        }
    }
}

My foo.js file located in ./src. As you can see it is not suggesting any files. Why?