don't pass unnecessary props

Author: nkzawa

lib/frame.js

@@ -23,6 +23,11 @@ export default class Frame extends React.Component {
 
   render () {
     const { component } = this.props;
-    return React.createElement(component, this.props, this.props.children);
+    const props = {};
+    Object.keys(this.props).forEach((k) => {
+      if (Frame.propTypes[k]) return;
+      props[k] = this.props[k];
+    });
+    return React.createElement(component, props, this.props.children);
   }
 }

lib/keyframes.js

@@ -1,4 +1,5 @@
 import React, { PropTypes } from 'react';
+import Frame from './frame';
 
 const noop = () => {};
 
@@ -67,8 +68,17 @@ export default class Keyframes extends React.Component {
     const frame = this.getFrame();
     if (!frame) return null;
 
-    const props = { ...this.props, ...frame.props };
-    return React.cloneElement(frame, props);
+    const props = {};
+    Object.keys(this.props).forEach((k) => {
+      // don't pass props which exist only on Keyframes
+      if (Keyframes.propTypes[k] && !Frame.propTypes[k]) {
+        return;
+      }
+
+      props[k] = this.props[k];
+    });
+
+    return React.cloneElement(frame, { ...props, ...frame.props });
   }
 
   requestNextFrame () {