How can I use custom PropTypes in my React application?

How can I use custom PropTypes in my React application?

You can create custom PropTypes by defining a function that checks the props and returns an error if validation fails.

Can you show me an example of a custom PropType?

Sure! Here's a simple example:

import PropTypes from 'prop-types';

const customString = (props, propName, componentName) => {
  if (typeof props[propName] !== 'string') {
    return new Error(`Invalid prop \\`${propName}\
` supplied to \\`${componentName}\
`. Expected a string.`);
  }
};

MyComponent.propTypes = {
  myProp: customString,
};

What happens if the validation fails?

If the validation fails, React will log a warning in the console during development, helping you identify the issue.

Can I use multiple custom PropTypes for a single prop?

Yes, you can combine multiple validators using PropTypes.oneOfType to allow different types of validation.