Removes prop-types

README.md

@@ -25,11 +25,7 @@ Use it via the render prop pattern (supports `children` or `render` prop):
 import { SizeMe } from 'react-sizeme'
 
 function MyApp() {
-  return (
-    <SizeMe>
-      {({ size }) => <div>My width is {size.width}px</div>}
-    </SizeMe>
-  )
+  return <SizeMe>{({ size }) => <div>My width is {size.width}px</div>}</SizeMe>
 }
 ```
 
@@ -269,7 +265,6 @@ Should you wish to avoid the render of a placeholder and have an eager render of
 
 ```javascript
 import React from 'react';
-import PropTypes from 'prop-types';
 import LargeChildComponent from './LargeChildComponent';
 import SmallChildComponent from './SmallChildComponent';
 import sizeMe from 'react-sizeme';
@@ -288,12 +283,6 @@ function MyComponent(props) {
     </div>
   );
 }
-MyComponent.propTypes = {
-  size: PropTypes.shape({
-    width: PropTypes.number.isRequired,
-    height: PropTypes.number.isRequired,
-  })
-}
 
 export default sizeMe({ monitorHeight: true })(MyComponent);
 ```

src/component.js

@@ -1,14 +1,10 @@
+/* eslint-disable react/prop-types */
+
 import React, { Component } from 'react'
 import isShallowEqual from 'shallowequal'
-import PropTypes from 'prop-types'
 import withSize from './with-size'
 
 export default class SizeMe extends Component {
-  static propTypes = {
-    children: PropTypes.func,
-    render: PropTypes.func,
-  }
-
   static defaultProps = {
     children: undefined,
     render: undefined,

src/with-size.js

@@ -1,9 +1,9 @@
 /* eslint-disable react/no-multi-comp */
+/* eslint-disable react/prop-types */
 /* eslint-disable react/require-default-props */
 /* eslint-disable react/no-find-dom-node */
 
 import React, { Children, Component } from 'react'
-import PropTypes from 'prop-types'
 import ReactDOM from 'react-dom'
 import invariant from 'invariant'
 import { debounce, throttle } from 'throttle-debounce'
@@ -38,7 +38,6 @@ class ReferenceWrapper extends Component {
     return Children.only(this.props.children)
   }
 }
-ReferenceWrapper.propTypes = { children: PropTypes.element.isRequired }
 
 function Placeholder({ className, style }) {
   // Lets create the props for the temp element.
@@ -60,10 +59,6 @@ function Placeholder({ className, style }) {
   return <div {...phProps} />
 }
 Placeholder.displayName = 'SizeMePlaceholder'
-Placeholder.propTypes = {
-  className: PropTypes.string,
-  style: PropTypes.object,
-}
 
 /**
  * As we need to maintain a ref on the root node that is rendered within our
@@ -112,19 +107,6 @@ const renderWrapper = WrappedComponent => {
     WrappedComponent,
   )})`
 
-  SizeMeRenderer.propTypes = {
-    explicitRef: PropTypes.func.isRequired,
-    className: PropTypes.string,
-    style: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-    size: PropTypes.shape({
-      width: PropTypes.number, // eslint-disable-line react/no-unused-prop-types
-      height: PropTypes.number, // eslint-disable-line react/no-unused-prop-types
-      position: PropTypes.object,
-    }),
-    disablePlaceholder: PropTypes.bool,
-    onSize: PropTypes.func,
-  }
-
   return SizeMeRenderer
 }
 
@@ -178,10 +160,6 @@ function withSize(config = defaultConfig) {
     class SizeAwareComponent extends React.Component {
       static displayName = `SizeMe(${getDisplayName(WrappedComponent)})`
 
-      static propTypes = {
-        onSize: PropTypes.func,
-      }
-
       domEl = null
 
       state = {