ReferenceError: React is not defined

ReferenceError: React is not defined

해결방법

위 에러를 잡기 위해서는 바벨 설정을 수정해줘야한다.

//.babelrc 
{
  "presets": [
    ...
    ["@babel/preset-react", {"runtime":  "automatic"}]
  ]
}

이유

위와 같이 설정해주지 않으면 바벨은 JSX 변환 함수를 자동으로 임폴트해준다.

기본값은 classic이다.

{"runtime":  "classic"}

클래식은 자동으로 어떠한 것도 임폴트해주지 않기에

ReferenceError: React is not defined

가 발생했던 것이다.