custom-props-is-required.js

const withIsRequired = validatorFn => {
  const _customPropValidator = (isRequired = false) => (props, propName, componentName) => {
    const value = props[propName];
    if (value == null) {
      if (isRequired) {
        return new Error(`Required \`${propName}\` was not specified in \`${componentName}\`.`);
      }
      return undefined;
    }
    return validatorFn(props, propName, componentName);
  };
​
  const customPropValidator = _customPropValidator();
  customPropValidator.isRequired = _customPropValidator(true);
​
  return customPropValidator;
};

Example:

const color = withIsRequired((props, propName, componentName) => {
  const value = props[propName];
​
  const isColor = colorValue => {
    // hex, rgb, rgba, hsl, hsla
    const colorFlag = /^#(?:[A-Fa-f0-9]{3}){1,2}$/i.test(colorValue);
    return colorFlag;
  };
​
  if (!isColor(value)) {
    return new Error(
      `\`${value}\` is not a correct color format for \`${propName}\`
      in \`${componentName}\`. Must be in hex, rgb, rgba, hsl, or hsla format.`
    );
  }
  return undefined;
});