Yarn, VSCode, react-ts, cannot find modules on new project

[4imble]

Describe the bug

I have run yarn create vite my-app --template react-ts and it has generated a project.

The project is not happy at all in VsCode and can not find any of the imported modules.

For whatever reason the reproduction URL does not suffer the same issue and honestly, the issue seems to be with yarn using pnp.

I managed to make it work after generating the project and adding a .yarnrc.yml with

enableGlobalCache: false
nodeLinker: node-modules

Reproduction (Does not reproduce with the same steps as above)

https://stackblitz.com/edit/vitejs-vite-d5pkqyku?file=react-ts%2Fsrc%2FApp.tsx

Steps to reproduce

yarn create vite my-app --template react-ts
cd my-app
yarn
Open VS Code see errors on all imports

System Info

Windows
`yarn : 4.5.3`
`Typescript: 5.7.3`
`Node: 22.3.0`

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

Yarn pnp doesn't work on vscode typescript out-of-the-box. This is not related to vite and please check out their doc https://yarnpkg.com/getting-started/editor-sdks

[4imble]

That's fair enough, but do you know why when using the yarn create command it is defaulting to using PnP? Looking at the documentation it seems to suggest if you dont have a .yarnrc.yml it will do this, should it be added part of the react-ts project structure?