[Bug?]: Cannot find module ... when using tsc

[andersonkyle]

Self-service

• I'd be willing to implement a fix

Describe the bug

An extremely minimal project that uses Yarn w/ PnP and TypeScript fails to compile due to:

src/index.tsx:1:19 - error TS2307: Cannot find module 'react' or its corresponding type declarations.

1 import React from "react"
                    ~~~~~~~


Found 1 error.

To reproduce

Configuration

.yarnrc.yml

yarnPath: ".yarn/releases/yarn-berry.cjs"

tsconfig.json

{
    "compilerOptions": {
        "jsx": "react"
    }
}

package.json

{
  "name": "typescript-project",
  "packageManager": "[email protected]",
  "scripts": {
    "build": "tsc"
  },
  "devDependencies": {
    "typescript": "^4.4.2"
  },
  "dependencies": {
    "react": "^17.0.2"
  }
}

Code

index.tsx

import React from "react"

const Greeting = () => (<div>Hello, World!</div>)

Command

yarn build

Environment

System:
OS: Ubuntu 20.04 LTS (via WSL on Windows 10 Pro 19042.1202)
CPU: Intel(R) Core(TM) i7-8550U
Binaries:
Node: 14.17.6 - /usr/bin/node
Yarn (global): 1.22.11 - /home/me/.npm-global/bin/yarn
npm: 6.14.15 - /usr/bin/npm

Additional context

Per the documentation TypeScript "natively" supports PnP (by way of a patch) so I'm unsure why this simple application isn't working.

If I enable node_modules by adding this to .yarnrc.yml it all works as expected:

yarnPath: ".yarn/releases/yarn-berry.cjs"
nodeLinker: node-modules

[merceyz]

Duplicate of #3350

[merceyz]

The fix is to run the following command

yarn set version canary && yarn