Composing propTypes

example.jsx

import React from 'react';
import omit from 'object.omit';

import ResponsiveImage from './ResponsiveImage';


class SlideshowImage extends React.Compoent {
  static propTypes = {
    slide: React.PropTypes.shape(omit(ResponsiveImage.propTypes, 'defaultWidth')),
    opacity: React.PropTypes.number,
    left: React.PropTypes.number,
  }

  render() {
    const {slide, opacity, left} = this.props;

    return (
      <div className="SlideshowImage" style={{left: `${left}%`}}>
        <div className="SlideshowImage__Image" style={{opacity}}>
          <ResponsiveImage defaultWidth={812} {...slide} />
        </div>
      </div>
    );
  }
}

Main issue is probably that unless there's an idiomatic way of doing this, we're going to screw up things like eslint's propTypes warnings