[ERR] 'React' must be in scope when using JSX react

ERR

'React' must be in scope when using JSX react

WHEN

• 타입스크립트로 컴포넌트를 생성하고 eslint 를 설치해 적용하자 표시되었다.

WHY

• 컴포넌트 생성시 react 를 import 하지 않아서 생성된 lint 에러.

SOLVE

• 최상단에 import React from ‘react’; 를 작성하니 해결되었다.

---

• 간단한 에러이긴 하지만 아무렇지 않게 그냥 작성하던 내 습관을 반성해보자...
• import react from ‘react’; 처럼 소문자로 작성되어도 에러가 발생하니 참고.
• 혹은 이전에 했던 프로젝트처럼 import {useState, useEffect} from ‘react’; 로 작성한 경우에도 에러가 발생하니, 이후에는 import React, {useState, useEffect} from ‘react’; 로 작성하자!