Can't install Visx chart library.

[shashwata27]

I have tried installing Visx package using

yarn add @visx/gradient @visx/group @visx/mock-data @visx/responsive @visx/scale @visx/shape

But in my IDE it's saying

Cannot find module @visx/scale or its corresponding type declarations.
ESLint: Unable to resolve path to module '@visx/scale'.(import/no-unresolved)

[shashwata27]

Also tried installing the entire library, rather than separate packages

yarn add @visx/visx 

installation logs

➤ YN0000: · Yarn 4.0.2
➤ YN0000: ┌ Resolution step
➤ YN0085: │ + @visx/visx@npm:3.6.1, @types/d3-array@npm:3.0.3, @types/d3-cloud@npm:1.2.5, @types/d3-color@npm:3.1.0, @types/d3-color@npm:3.1.3, and 85 more.
➤ YN0000: └ Completed in 11s 848ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ 48 packages were added to the project (+ 2.24 MiB).
➤ YN0000: └ Completed in 3s 392ms
➤ YN0000: ┌ Link step
➤ YN0000: │ ESM support for PnP uses the experimental loader API and is therefore experimental
➤ YN0008: │ root@workspace:. must be rebuilt because its dependency tree changed
➤ YN0000: └ Completed in 11s 941ms
➤ YN0000: · Done with warnings in 27s 357ms

[koistya]

Based on the logs it looks like you was installing these dependencies into the root workspace rather than app workpace where the front-end app resides. Do this instead:

yarn workspace app add @visx/visx 

Reference: https://yarnpkg.com/cli/workspace