[error] is missing in props validation eslint react/prop-types

발생 상황

jsx로 만든 child component에서 props로 받는데 빨간줄이 생겼다 → 근데 브라우저에서 실행하면 정상 동작이 되긴 한다😡

원인 추측

| 참고 블로그
javascript에서는 props의 타입을 지정해주지 않기 때문에 타입이 정확한지 잡아낼 수 없어서 검사해줘야 하는 거 같다.(typescript 쓸 때는 본 적 없는 상황이긴 하다)
참고한 블로그에 의하면 해결 방법으로 props-type 라이브러리를 설치하고 그러는 방법도 있던데 내가 선택한 해결 방법은,

해결방법

| 참고 스택 오버 플로우
스택 오버 플로우에서 알아낸 방법 두 가지 중 하나를 선택해서 적용하면 된다.

1. .eslintrc 의 "rules" 에 옵션 추가

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

2. 빨간 밑줄이 그어지는 코드 위에 아래 내용 추가(나는 코드의 의미를 위한 내용이 아니라서 싫어하는 방법이다)

   /* eslint-disable react/prop-types */