'React' must be in scope when using JSX

이건 보통 ESLint가 탐지한 결과물입니다. 실행에는 아무런 문제가 없을 가능성이 있습니다.

 

원인은 jsx file에 React가 선언이 되지 않아서 생긴 문제입니다.

<div className='App'>에 빨간 줄이 그어졌다.

 

이 현상을 해결하려면  import React from 'react'를 하시면 됩니다.

에러가 사라졌다.

 

만약 React를 추가하지 않고 빨간 줄을 없애고 싶으신 분들은 .eslintrc.cjs의 rules에 예외처리를 하시면 됩니다.

 

그러면 React를 선언하지 않고도 빨간 줄의 경고를 보지 않아도 됩니다.

React 선언 없이도 경고가 없다.