TypeScriptでimport React from 'react'って書きたい！

書いてみる

import React from 'react';

すると以下のエラー出る。。。

Module '"~~~~/node_modules/@types/react/index"' has no default export.

（~~~~は各々のファイルの場所です。）

以下にすればエラーが出なくなる。

import * as React from 'react';

そういうことじゃない！！

tsconfigを直す

allowSyntheticDefaultImports: true

これを足せばいいだけ！

https://www.typescriptlang.org/docs/handbook/compiler-options.html
上記からallowSyntheticDefaultImportsの説明を引用すると、、、

Allow default imports from modules with no default export. This does not affect code emit, just typechecking.

英語がわからないのでGoogle翻訳にぶん投げます。

デフォルトのエクスポートなしでモジュールからのデフォルトのインポートを許可します。これはコードの発行には影響せず、単に型チェックを行います。

has no default exportに対して解決してそうですね！

めでたし！