[pnpm v7] cant find @types when it is installed by a dependency, for example @testing-library/jest-dom

[leopen-hu]

I updated my pnpm to v7 and missed some types for Typescript.

You can create a create-react-app typescript app and then use pnpm as packages manager to confirm that:

npx create-react-app pnpm-demo-v7 --template typescript
cd pnpm-demo-v7

# runs well
npm run build

rm-rf node_modules
pnpm i

# Error: Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'
pnpm run build

# install types
pnpm add -D @types/testing-library__jest-dom

# runs well
pnpm

Question:
why should i install @types/testing-library__jest-dom? it just is a dependency of @testing-library/jest-dom

infact, @types/testing-library__jest-dom has been installed at .pnpm but can't be found by typescript:

[tiagobento]

I might be wrong, but I think @types/testing-library__jest-dom is a transitive dependency coming from @testing-library/jest-dom, right? This means that only code inside @testing-library/jest-dom will have direct access to @types/testing-library__jest-dom.

This is done so to prevent you from depending directly on a transitive dependency, and to help pnpm correctly resolve peerDependencies too.

If your code is importing @testing-library/jest-dom, then you should list @types/testing-library__jest-dom on your package.json. This will create a symlink on your node_modules directory pointing to the dependency, which will work with the standard node module resolution from TypeScript.

[juilletVent]

great,is worked