'React' must be in scope when using JSX

App.js에서 'React' must be in scope when using JSX react/react-in-jsx-scope 오류가 발생했다

React를 import 해서 쓸 일이 없는 코드라고 할 지라도 확장자가 .tsx 이고
또 컴포넌트 태그를 리턴하면 반드시 상단에

import React from 'react';
라고 선언해 두어야 한다.

이유는요??

React 를 import 해두지 않으면 babel은 JSX를 구문 분석하고 JavaScript로 변환하는 방법을 알지 못하기 때문이다~!