TypeScriptで`TS1192: Module ‘”./node_modules/@types/react/index”‘ has no default export.

「TypeScriptで`TS1192: Module ‘”./node_modules/@types/react/index”‘ has no default export.」のアイキャッチ画像

RailsにReact + TypeScript入れたタイトルのエラー発生

こちらで治りました🙏

{
   "compilerOptions": {
     "declaration": false,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "lib": ["es6", "dom"],
     "module": "es6",
     "moduleResolution": "node",
     "sourceMap": true,
     "target": "es5",
     "jsx": "react",
     "allowSyntheticDefaultImports": true, // 追加
     "esModuleInterop": true               // 追加
   },
   "exclude": [
     "**/*.spec.ts",
     "node_modules",
     "vendor",
     "public"
   ],
   "compileOnSave": false,
}

参考記事

TypeScriptでTS1192: Module '"./node_modules/@types/react/index"' has no default export.というエラーが出る