Auto Imports / Suggestions not working since adding typescript

[developerprv]

Issue Type: Bug

Hello, since adding typescript, my regular js projects will not find the correct auto imports.
For example, auto import suggestion for useState() react hook shows as
"react/cjs/react.production.min"
"react/cjs/react.development"

If I add typescript to the project, it finds the correct import regardless of file extension (js,jsx,ts,tsx).

VS Code version: Code 1.65.0 (b5205cc8eb4fbaa726835538cd82372cc0222d43, 2022-03-02T11:12:08.962Z)
OS version: Windows_NT x64 10.0.19043
Restricted Mode: No

Extensions (14)

Extension	Author (truncated)	Version
TabOut	alb	0.2.1
vscode-intelephense-client	bme	1.8.2
vscode-eslint	dba	2.2.2
prettier-vscode	esb	9.3.0
auto-rename-tag	for	0.1.10
php-namespace-resolver	Meh	1.1.8
code-beautifier	mic	2.3.3
dotenv	mik	1.0.1
material-icon-theme	PKi	4.14.1
vscode-thunder-client	ran	1.12.2
colonize	vms	2.2.2
vscode-todo-highlight	way	1.0.5
wordpress-toolbox	wor	1.3.12
material-theme	zhu	3.13.20

(1 theme extensions excluded)

[mjbvz]

Please share a minimal project that demonstrates the issue so we can see what may be going on

[developerprv]

I have created two repos to show the issue:

1. react alone where it will not import correctly from 'react'
   To see this, navigate to the App.js file and see my comments at the top of the function.
   https://github.com/developerprv/reacttest
   

2. React with typescript is suggesting the correct imports in all file types.
   Please navigate to the App.tsx file and the Test.js file to see this.
   https://github.com/developerprv/reacttypescripttest
   

[mjbvz]

Thanks @developerprv!

Based on the description, this issue sounds similar to #48165

[andrewbranch]

Yeah, this is a duplicate of #48165. It sounds like automatic type acquisition isn’t working—you should be able to work around it in the meantime by npm installing @types/react.