add filter dom props function to prevent react warnings

.gitignore

@@ -1,4 +1,5 @@
 node_modules
 npm-debug.log
 lib
+!src/lib
 demo

package.json

@@ -63,5 +63,8 @@
     "tape": "^4.4.0",
     "tape-catch": "^1.0.4",
     "testdouble": "^1.2.0"
+  },
+  "dependencies": {
+    "html-attributes": "1.1.0"
   }
 }

src/index.js

@@ -1,4 +1,5 @@
 import React, { Component, PropTypes } from "react";
+import filterDOMProps from "./lib/filter-dom-props";
 
 export default class ReactImageFallback extends Component {
 	constructor(props) {
@@ -48,7 +49,8 @@ export default class ReactImageFallback extends Component {
 	}
 
 	render() {
-		return this.state.imageSource ? <img {...this.props} src={this.state.imageSource} /> : null;
+		const domProps = filterDOMProps(this.props);
+		return this.state.imageSource ? <img {...domProps} src={this.state.imageSource} /> : null;
 	}
 }
 ReactImageFallback.displayName = "ReactImageFallback";

src/lib/filter-dom-props.js

@@ -0,0 +1,63 @@
+import htmlAttributes from "html-attributes";
+
+const eventProps = {
+	onCopy: true,
+	onCut: true,
+	onPaste: true,
+	onLoad: true,
+	onError: true,
+	onWheel: true,
+	onScroll: true,
+	onCompositionEnd: true,
+	onCompositionStart: true,
+	onCompositionUpdate: true,
+	onKeyDown: true,
+	onKeyPress: true,
+	onKeyUp: true,
+	onFocus: true,
+	onBlur: true,
+	onChange: true,
+	onInput: true,
+	onSubmit: true,
+	onClick: true,
+	onContextMenu: true,
+	onDoubleClick: true,
+	onDrag: true,
+	onDragEnd: true,
+	onDragEnter: true,
+	onDragExit: true,
+	onDragLeave: true,
+	onDragOver: true,
+	onDragStart: true,
+	onDrop: true,
+	onMouseDown: true,
+	onMouseEnter: true,
+	onMouseLeave: true,
+	onMouseMove: true,
+	onMouseOut: true,
+	onMouseOver: true,
+	onMouseUp: true,
+	onSelect: true,
+	onTouchCancel: true,
+	onTouchEnd: true,
+	onTouchMove: true,
+	onTouchStart: true,
+	onAnimationStart: true,
+	onAnimationEnd: true,
+	onAnimationIteration: true,
+	onTransitionEnd: true
+};
+
+function isValidDOMProp(prop) {
+	return eventProps[prop] || htmlAttributes[prop];
+}
+
+export default function filterDOMProps(props) {
+	let domProps = {};
+	for (let prop in props) {
+		if (props.hasOwnProperty(prop) && isValidDOMProp(prop)) {
+			domProps[prop] = props[prop];
+		}
+	}
+	return domProps;
+}