Add proptypes to ScrollBlocker. Make sure to keep any existing props.

Author: jeroencoumans

README.md

@@ -20,7 +20,7 @@ argument. If you want to change the timeout, override your components'
 ## ScrollBlocker
 
 A very simple component that allows you to block any mouse events during
-scrolling. Make sure to include ScrollBlocker.css somewhere in your CSS.
+scrolling.
 
 ## Example
 

ScrollBlocker.js

@@ -1,23 +1,29 @@
 /** @jsx React.DOM */
 var React = require('react');
-var spread = require('react/lib/Object.assign');
 
-var style = {
+var blockerStyle = {
   pointerEvents: 'none'
 };
 
 var ScrollBlocker = React.createClass({displayName: "ScrollBlocker",
 
+  propTypes: {
+    active: React.PropTypes.bool,
+    style: React.PropTypes.object,
+    children: React.PropTypes.node
+  },
+
   getDefaultProps: function () {
     return {
       active: false
     };
   },
 
   render: function () {
+    var { style, active, ...other } = this.props;
 
     return (
-      React.createElement("div", {style: spread({}, this.props.style, this.props.active && style)}, 
+      React.createElement("div", React.__spread({},  other, {style: active && style}), 
         this.props.children
       )
     );

jsx/ScrollBlocker.jsx

@@ -2,22 +2,29 @@
 var React = require('react');
 var assign = require('react/lib/Object.assign');
 
-var style = {
+var blockerStyle = {
   pointerEvents: 'none'
 };
 
 var ScrollBlocker = React.createClass({
 
+  propTypes: {
+    active: React.PropTypes.bool,
+    style: React.PropTypes.object,
+    children: React.PropTypes.node
+  },
+
   getDefaultProps: function () {
     return {
       active: false
     };
   },
 
   render: function () {
+    var { style, active, ...other } = this.props;
 
     return (
-      <div style={assign({}, this.props.style, this.props.active && style)}>
+      <div {...other} style={assign({}, style, active && blockerStyle)}>
         {this.props.children}
       </div>
     );

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-scroll-components",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A set of components that react to page scrolling",
   "main": "index.js",
   "scripts": {