diff --git a/lib/index.js b/lib/index.js index 35ce392..15aeead 100644 --- a/lib/index.js +++ b/lib/index.js @@ -2,9 +2,11 @@ var isBrowser = (typeof window !== 'undefined'); var Packery = isBrowser ? window.Packery || require('packery') : null; var imagesloaded = isBrowser ? require('imagesloaded') : null; var refName = 'packeryContainer'; +var PropTypes = require('prop-types'); +var CreateReactClass = require('create-react-class'); function PackeryComponent(React) { - return React.createClass({ + return CreateReactClass({ packery: false, domChildren: [], @@ -12,8 +14,8 @@ function PackeryComponent(React) { displayName: 'PackeryComponent', propTypes: { - disableImagesLoaded: React.PropTypes.bool, - options: React.PropTypes.object + disableImagesLoaded: PropTypes.bool, + options: PropTypes.object }, getDefaultProps: function() { diff --git a/package.json b/package.json index 3d6b19c..4ce4c8a 100644 --- a/package.json +++ b/package.json @@ -4,8 +4,10 @@ "main": "./lib/index", "description": "A Packery component for React.js", "dependencies": { + "create-react-class": "^15.6.2", + "imagesloaded": "eiriklv/imagesloaded", "packery": "eiriklv/packery", - "imagesloaded": "eiriklv/imagesloaded" + "prop-types": "^15.6.0" }, "devDependencies": {}, "scripts": {