React Universal/Isomorphic Image onError Component

Image.jsx

class Image extends Component {
  componentDidMount() {
    // if image hasn't completed loading, then let react handle error
    if (!this._image.complete) return;
    // if image has finished loading and has 'errored'(errored when naturalWidth === 0)
    // then run the onError callback
    if (this._image.naturalWidth === 0) {
      this.props.onError();
    }
  }
  render() {
    const {imageSrc, onError} = this.props;
    return <img ref={(r)=>this._image = r} src={imageSrc} onError={onError} />;
  }
}

complete and naturalWidth solution from here - https://stereochro.me/ideas/detecting-broken-images-js