How can I get rid of my “@types/react/index” can only be default-imported using ‘esModuleInterp’ flag lint in React/TypeScript

What worked for me was adding the following in my tsconfig.json file in the compilerOptions:

"allowSyntheticDefaultImports": true,
"esModuleInterop": true