error 'isAuth' is missing in props validation react/prop-types 해결

문제 상황

프로젝트를 구동했더니 error 'isAuth' is missing in props validation react/prop-types 에러 발생

 

 

 

문제 원인

prop-types 패키지가 없거나 설정이 없어 eslint가 검사를 제대로 하지 못함.

 

 

 

해결 방법 1)

prop-types에 대한 검사는 하지말라고 .eslintrc.cjs 파일에 아래와 같이 설정

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

 

 

해결 방법 2) 

prop-types 패키지가 없어서 발생하는 것이므로 prop-types 패키지를 설치

npm install prop-types

설치 후 오류가 발생하는 파일 상단에 PropTypes import 및 해당 prop에 대한 타입 검증 코드 추가 

예) isAuth가 boolean 타입이라면?

import PropTypes from 'prop-types';

NotAuthRoutes.propTypes = {
	isAuth: PropTypes.bool.isRequired,
}