"react/prop-types": "off"

 코딩을 하다가 이런 에러를 만났다. 찾아보니 'prop-type'이라는 타입을 검사하는 내부 동작때문이라고 하는데 왜 그런지 어떻게 해결할 수 있는지를 알아보자. React.ComponentType과 React.FC에 대해서 알고 있다면 이런 궁금증이 생길것이다.
 내부적으로 props에 대한 타입 검사를 하도록 동작하는 React.FC로 설정한다면 어떻게 될까?? 바로 사라지는 것을 알 수 있다.

 하지만, 지난번에 봤다싶이 React.FC와 React.ComponentType은 동작방식이 다르고 React.FC는 암묵적으로 children을 포함시키는 부분 때문에 React.ComponentType이 조금 더 사용하기에 좋다는 점을 알고 있다. 그럼 React.ComponentType을 유지한 상태에서는 어떻게 하는 것이 좋을까?

 eslint 설정을 통해 이 부분을 해결할 수 있는데, 타입스크립트를 사용해서 이미 타입에 대한 검사를 하기때문에 prop-type 규칙이 불필요하다. 하지만 기본값으로 검사를 진행하도록 되어있다. 그래서 이 불필요한 부분을 꺼주는 설정이 필요하다. (그래서 이 설정을 꺼주는 것을 권장하고 있다.)

 rules에 위의 사진처럼 prop-types를 off해주면 간단하게 해결! 아래사진에서 에러가 사라진 것을 확인할 수 있다.