[eslint] 리액트에서 Do not use a triple slash reference for react-scripts, use `import` style instead @typescript-eslint/triple-slash-reference 에러가 뜬다면?

이 문제는 보통 react-app-env.ts 파일에서  뜨는 문제이다. 아래 이미지를 살펴보면  ///  이 부분과 reference 태그를 사용하고 있는데, 리액트에서는 이렇게 사용하지 말고 import 를 사용해야 한다고 에러를 띄우는 것이다.

 

 

해결 방법은 간단하다. 에러에서 나온 해결방법대로 /// ref ... 부분을 다음과 같이 바꿔주면 된다.

import "react-scripts"