「React」はUMDグローバルを指しますが、現在のファイルはモジュールです の解決

背景

以下のサイトでreact, typescriptでのテンプレートを作成したところ、タイトルにもある
「「React」はUMDグローバルを指しますが、現在のファイルはモジュールです」
が表示されていたので、色々調べた。
https://ics.media/entry/16329/#webpack-ts-react

解決策

参考にあげるサイトで

このエラーメッセージはTypeScriptコンパイラからのものです。 React 17の新しいjsxトランスフォームは、現在Typescript 4.0ではサポートされておらず、4.1でサポートされる予定

typescript 少なくともバージョン4.1のバージョン
react そして react-dom 少なくともバージョン17の
tsconfig.json 持っている必要があります jsx のcompilerOption react-jsx または react-jsxdev

ということで

// tsconfig.json
{
  "compilerOptions": {
    ...
    "jsx": "react-jsx"
    ...
  },
}

としたら解決した

参考