인프런 커뮤니티 질문&답변
작성한 질문수
import React를 하지않은 상태에서 eslint를 적용하니 오류가 발생합니다.
작성
·
1K
0
next.JS의 장점을 깨달아보고자 import React from 'react'를 하지않은 상태로 쭉 진행을 해왔었는데
eslint를 적용하니 오류가 발생합니다.
'React' must be in scrope with using JSX 라는 오류입니다.
모든 파일에 import React from 'react'를 작성하니 해결은 됐는데 작성하지 않는 방법은 없을까요?
eslint를 적용하고도 모든 파일에 import React from 'react'를 작성하지 않도록 어떻게 설정할 수 있을까요?
답변 1
2
.eslintrc 파일 생성하신 후
"rules": {
// suppress errors for missing 'import React' in files
"react/react-in-jsx-scope": "off",
// allow jsx syntax in js files (for next.js project)
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //should add ".ts" if typescript project}
}
요렇게 코드 추가하시면 됩니다!