React PropType validations

[madki]

Hi,

I'm using typed-immutables in a react project. I have a type called Card and it's passed as a prop to CardComponent. Similarly there's CardList and CardListComponent

const Card = Record({
  id: String,
  title: String
}, 'Card')

export const CardList = List(Card, 'CardList') 

export default Card

How would I validate them with react PropTypes? Are there any methods that I can use, that go as follows

const CardComponent = (card) => {
  return (
    <div>${card.title}</div>
  )
}

CardComponent.propTypes = {
  card: Card.isRequired // or Card.isOptional
}

How do I go about doing those validations now? Validations for CardList seem to be harder. What would be a good way to implement these validations?

[davecoates]

I think you should just be able to use PropTypes.instanceOf:

CardComponent.propTypes = {
   card: PropTypes.instanceOf(Card).isRequired,
}

same for list

CardListComponent.propTypes = {
   cards: PropTypes.instanceOf(CardList).isRequired,
}

Does that work?