Vite-react ERROR : is missing in props validation

원래는 CRA로 계속 프로젝트를 진행하다가 이번에 처음으로 vite을 쓰는 중인데,,, 그동안 안 나던 error가 알게 모르게 계속 나는 것 같다..

그 중에서 오늘 하루종일 제일 거슬렸던 건 바로, 이 props 로 받아온 값이 계속 유효성 검사에서 누락되었다는 경고가 옆에 뜨는 것이었다.

🚨 'children' is missing in props validation

근데 심지어 console.log 값도 잘 찍히고, 브라우저에서는 아무런 에러도 뜨지 않는단 말이지,,, (그냥 코드 짜는 내내 너무 거슬렸음)

그래서 막 구글링을 해보니, 부모 컴포넌트로부터 전달받은 props 중에서 특정한 prop이 컴포넌트의 PropTypes에 정의되지 않았을 때 발생한다고 한다.

즉, 해당 props를 컴포넌트의 PropTypes에 추가해야 한다는 말인데... 지금까지 CRA로 할 때는 이런 말이 없었단 말이지!!!

Vite 뭐하는거야!!

찾다보니,,, Vite을 이용하면 기본적으로 깔리는 .eslintrc.cjs 파일이 있는데,

  rules: {
    "react/prop-types": off,
  }

rules에 prop-type를 off로 설정하면, proptype을 정의하라는 경고가 뜨지 않았다!!

덕분에 찝찝함 하나 없애고 다시 시작해본다..!