added onError handler as prop

src/components/image.js

@@ -15,13 +15,14 @@ export default class Image extends Component {
   }
 
   render() {
-    const { src, isSelected, onImageClick } = this.props
+    const { src, isSelected, onImageClick, onError } = this.props
     return (
       <div className={`responsive${isSelected ? " selected" : ""}`}
         onClick={onImageClick}>
         <img src={src}
           className={`thumbnail${isSelected ? " selected" : ""}`}
           style={ImageStyle(150, 150)}
+          onError={onError}
         />
         <div className="checked">
           {/*<img src={imgCheck} style={{ width: 75, height: 75, objectFit: "cover" }}/>*/}

src/demo.js

@@ -39,6 +39,10 @@ class Demo extends Component {
     this.setState({max_message})
   }
 
+  onError(e) {
+    console.log(e)
+  }
+
   render() {
     return (
       <div>
@@ -47,6 +51,7 @@ class Demo extends Component {
         <ImagePicker
           images={imageList.map((image, i) => ({src: image, value: i}))}
           onPick={this.onPickImage.bind(this)}
+          onError={this.onError.bind(this)}
         />
         <textarea rows="4" cols="100" value={this.state.image && JSON.stringify(this.state.image)} disabled/>
 

src/react-image-picker.js

@@ -45,11 +45,13 @@ class ImagePicker extends Component {
   }
 
   renderImage(image, i) {
+    const { onError } = this.props;
     return (
       <Image 
         src={image.src}
         isSelected={this.state.picked.has(image.value)} 
-        onImageClick={() => this.handleImageClick(image)} 
+        onImageClick={() => this.handleImageClick(image)}
+        onError={onError} 
         key={i}
       />
     )