불필요한 prop types 검사로 인한 eslint 에러
shadcn/ui에서 select를 갖고 와서 화질 조정 버튼을 구현하고 커밋하려는 순간 다음과 같은 에러들이 발생했다.
pre-commit에 설정되어 있는 ESLint가 돌아가다가 에러가 난건데, 오류 메시지를 보니 props에서 문제가 있었던 것 같다.
에러 메시지 한 줄을 그대로 긁어서 구글에 검색하니 결과가 꽤 많이 나왔다. 여러 방법이 있었는데, 가장 간단한 방법을 갖고 왔다.
이건 정말 간단한 방법이다. eslint가 prop-types 유효성 검사를 하지 않게 만드는 방법이다.
.eslintrc에 아래와 같이 설정만 해주면 돼서 매우 간단하다.
{
"rules": {
"react/prop-types": "off"
}
}여기서 그걸 끄면 props 타입 검사를 안하게 되지 않나?하는 의문이 들 수도 있는데, 이건 자바스크립트를 사용할 때 props 타입 체크를 하기 위해 존재하는 설정이다. 여기서는 typescript가 타입 체크를 해주기 때문에 이 옵션은 필요가 없다.
react 프로젝트에서 타입스크립트를 사용하고 있는데 ESLint가 이런 에러를 잡아낸다면 당장 .eslintrc로 달려가서 이 옵션을 끄도록 하자….