How to validate props with propTypes having defaultProps?

Question

Earlier when we were not using defaultProps, we use to get warning in the console that this props is not passed. But after configuring the props signature using defaultProps we don't get any errors as such. So, how to configure both to work as expected?

/* Default Props */
MyApp.defaultProps = {
  data: {
    totalCount: 123
  },
  name: 'john doe'
};

/* Proptypes */
MyApp.proptypes = {
  data: {
    totalCount: Proptypes.number.isRequired
  },
  name: Proptypes.string.isRequired
};

Answer 1

import PropTypes from 'prop-types';

You must use

class test { 
    static propTypes = { 
        optionalBool: PropTypes.bool,
        requiredProperty: PropTypes.number.isRequired
}}

Answer 2

You are already doing it correctly, the problem you had before is that when the component was initialized, it had null values for its props, so you get run time warning expecting some null value props, default props sets that value even on initial component mount. :)