'React' refers to a UMD global, but the current file is a module

(리액트로 개발중..) JavaScript로 진행할 때에는 이런 에러가 생기지 않았는데, TypeScript로 변환하는 

과정에서 이런 에러가 생겼다. 

 

일단 해결하는 방법은 컴포넌트 상단에 import React from 'react';  ← 이 구문을 추가해주면 해결된다. 

근데 매번 React 관련 속성을 사용하지 않는데 위 구문을 작성하는 건 비효율적이다. 
(물론 작성해도 상관은 없지만..)

이를 해결하는 방법은 아래와 같다.

1) typescript(ver 4.1 이상), react 및 react-dom(ver 17) 버전 확인하기

2) tsconfig.json 파일에 들어가서 complierOption에서 jsx 속성을 다음과 같이 설정해주기

 

"compilerOptions": {     ... 생략       "jsx": "react-jsx"   }

 

 

끝.