set width and height propTypes to number explicitly

Author: fakiolinho

README.md

@@ -38,7 +38,7 @@ import React from 'react';
 import ReactLoading from 'react-loading';
 
 const Example = ({ type, color }) => (
-	<ReactLoading type={type} color={color} height='667' width='375' />
+	<ReactLoading type={type} color={color} height={667} width={375} />
 );
 
 export default Example;
@@ -51,8 +51,8 @@ export default Example;
 | type | String | balls |
 | color | String | `#ffffff` |
 | delay | Number | 1000 (msecs) |
-| height | Number or String | 64 (px) |
-| width | Number or String | 64 (px) |
+| height | Number | 64 (px) |
+| width | Number | 64 (px) |
 | className | String | `''` |
 
 

lib/react-loading.jsx

@@ -8,14 +8,8 @@ export default class Loading extends Component {
     color: PropTypes.string,
     delay: PropTypes.number,
     type: PropTypes.string,
-    height: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.string,
-    ]),
-    width: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.string,
-    ]),
+    height: PropTypes.number,
+    width: PropTypes.number,
   };
 
   static defaultProps = {
@@ -53,7 +47,7 @@ export default class Loading extends Component {
 
   render() {
     const {
-      color, delay, type, height, width, ...restProps
+      color, type, height, width, ...restProps
     } = this.props;
     const selectedType = this.state.delayed ? 'blank' : type;
     const svg = svgSources[selectedType];