VSCode keeps asking to import React on NextJS and React 17 apps

Question

I've already set the following rules to off in my eslintrc.json file:

But whenever I press ctrl+. to try importing a component from a different file vscode suggests me to import React.

is there any way to stop this from happening?

below are the plugins I'm using with the .eslintrc.json:

Answer 1

This isn't an issue with ESLint - this is an issue with Typescript. It's tracked here and you can confirm that even if you disable ESLint for your project you'll get this error and that bad suggestion. At the moment there's no workaround other but it will hopefully be fixed in TS4.3. I will update this answer if a workaround or solution is released.