Incorrect automatic import path for React in JavaScript projects

[gpoole]

Does this issue occur when all extensions are disabled?: Yes

• VS Code Version: 1.66.0-insider (Universal)
• OS Version: macOS 12.2.1 (21D62)

Steps to Reproduce:

1. Create a new Next.js project using npx create-next-app@latest (which is using React 17.0.2)
2. Open the project and type a React function such as useState

The suggestions all point to react/cjs/react.production.min, react/cjs/react.production or react/cjs/react.development.

Same problem as microsoft/TypeScript#47601 but this is a JavaScript project, not a TypeScript project.

[mjbvz]

Please try upgrading your TS version as covered in the linked issue: microsoft/TypeScript#47601 (comment)

[gpoole]

It does fix the problem but there's no issue open I can see tracking this for JavaScript projects specifically in VSCode and it's still present in the latest Insiders. Do you have an issue open that people can follow for tracking the underlying problem or which VSCode version it's going to be fixed in please?

[mjbvz]

Thanks for testing. TypeScript powers VS Code's JS intellsense too so this is a duplicate of that linked issue

It will be fixed when we pick up the new TS version (or you can use the nightly TS extension until then)