[TS-오류] but has no corresponding defaultProps declaration react/require-default-props

발생한 eslint 오류 문구

728x90

반응형

 

 

아래 사진에서 onClick props를 선택적으로 입력할 수 있도록 ?을 붙여서 작성했었다.

이때 기본 값을 선언해주지 않아 발생된 오류다.

 

 

 

 

해당 오류를 해결하기 위해서는 아래의 코드처럼 규칙을 warn으로 변경하거나 해당 컴포넌트에게 defaultProps를 지정해줘야 한다.

 

방법 1(warn으로 변경)

// .eslintrc.js

"rules": {
  'react/require-default-props': 'warn',
}

 

방법2(defaultProps 지정)

Button.defaultProps = {
  onClick: null,
}