Quick Fix command for missing React component imports does not work without React in the scope even with the new JSX factory enabled in Next.js that makes the React import unnecessary

• VSCode Version: 1.51.0
• OS Version: macOS 10.15.7
• Typescript Version: 4.0.5

Steps to Reproduce:

1. Clone the following repository: https://github.com/ChristianIvicevic/react-jsx-factory-repro
2. yarn install all dependencies
3. Open the index.tsx and add the SampleComponent without automatic completion and import of the component
4. Try to use Quick Fix on the SampleComponent to automatically add its import
5. Only the fix to import React is available initially - apply this Quick Fix
6. Open the Quick Fix for a second time - now you are able to add the import for the SampleComponent

Here is a gif of the differences with automatic import and with Quick Fixes:

With the newest version of Next.js it is no longer necessary to import the default export of React, thus step 5 should not appear in the first place.

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

[rshaul]

Next.js (which is what this issue was opened about) uses "jsx": "preserve" in its tsconfig so unfortunately that PR doesn’t solve this (tested with the 4.3.0-beta release of typescript & stable VS Code).

[Hiroki111]

@billyjanitsch

I believe this was fixed by #41950, which will be released in TypeScript 4.3. That PR is listed as closing #41920 which is a duplicate of this issue. (It’s phrased differently but I believe it’s the same issue.)

Unfortunately, this still persists 😦 (typescript@4.3.4)