'React' must be in scope when using JSX react/react-in-jsx-scope

🤓 발생 원인 🤓

JSX(JavaScript XML) 문법을 사용할 때 React 요소를 생성하는데 필요한 'react' 모듈이 스코프에 없을 때 발생하는 오류이다 .
React를 import 해서 쓸 일이 없는 코드라고 할 지라도 확장자가 .tsx 이고또 컴포넌트 태그를 리턴하거나 하면 반드시 상단에 import를 해주어야함. React 를 import 해두지 않으면 babel은 JSX를 구문 분석하고 JavaScript로 변환하는 방법을 알지 못하기 때문이다.

🤓 해결책 🤓
최상위 App.jsx에 React Import 추가하기

import React from 'react'

 📋참고 레퍼런스
https://uxicode.tistory.com/entry/React-Typescript-Error-%EC%82%AC%ED%95%AD%EB%93%A4