propType [name] is not required, but has no corresponding defaultProps declaration ReactJS

Question

import styled from 'styled-components'
import propTypes from 'prop-types'
import React from 'react'

const Checkbox = ({ className, checked, ...props }) => (
  <CheckboxContainer className={className}>
    <HiddenCheckbox checked={checked} {...props} />
    <StyledCheckbox checked={checked}>
      <Icon viewBox="0 0 24 24">
        <polyline points="20 6 9 17 4 12" />
      </Icon>
    </StyledCheckbox>
  </CheckboxContainer>
)
    
Checkbox.propTypes = {
  checked: propTypes.boolean,
  className: propTypes.string,
}

I have this component and I'm always getting this error: error propType "className" is not required, but has no corresponding defaultProps declaration react/require-default-props

I don't know how to fix it any suggestions, please?

Answer 1

It's explained in the documentation: https://reactjs.org/docs/typechecking-with-proptypes.html#default-prop-values

As you are marking this prop as not required it is asking you to put a default in case the prop is missing.

So, something like this (but default values depends on you):

Checkbox.defaultProps = {
  checked: false,
  className: null,
}