I'm Making My App in Next.js and was struggling thru importing from deep folders

I saw this post https://nextjs.org/docs/advanced-features/module-path-aliases

But after i implemented paths in jsconfig.json

{
  "compilerOptions": {
    "target": "es2020",
    "baseUrl": ".",
    "paths": {
      "@styles/*": ["./styles/*"],
      "@components/*": ["./src/components/*"]
    }
  }
}

I'm not able to see suggestion for import of any other module from node_modules which starts with @

See Here

Because of this i cant use emmets for material ui (mui)