Merge pull request #18 from pmajkutewicz/prop_types

"Warning: Accessing PropTypes via the main React package is deprecated" fixed

Author: jeremiahrhall

CHANGELOG.md

@@ -1,3 +1,6 @@
+# 1.0.3 Release
+- Fixed warning "Accessing PropTypes via the main React package is deprecated"
+
 # 1.0.2 Release
 - Fix bug where radius, blur, and max were not being used when passed in as props.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-leaflet-heatmap-layer",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A custom layer for heatmaps in react-leaflet",
   "main": "lib/HeatmapLayer.js",
   "scripts": {
@@ -52,6 +52,7 @@
     "eslint-plugin-lean-imports": "^0.3.3",
     "eslint-plugin-react": "^4.2.3",
     "leaflet": "^1.0.0",
+    "prop-types": "^15.5.10",
     "react": "^15.4.1",
     "react-addons-test-utils": "^0.14.7",
     "react-dom": "^15.4.1",

src/HeatmapLayer.js

@@ -8,6 +8,7 @@ import isNumber from 'lodash.isnumber';
 import L from 'leaflet';
 import { MapLayer } from 'react-leaflet';
 import simpleheat from 'simpleheat';
+import PropTypes from 'prop-types';
 
 export type LngLat = {
   lng: number;
@@ -75,20 +76,20 @@ function shouldIgnoreLocation(loc: LngLat): boolean {
 
 export default class HeatmapLayer extends MapLayer {
   static propTypes = {
-    points: React.PropTypes.array.isRequired,
-    longitudeExtractor: React.PropTypes.func.isRequired,
-    latitudeExtractor: React.PropTypes.func.isRequired,
-    intensityExtractor: React.PropTypes.func.isRequired,
-    fitBoundsOnLoad: React.PropTypes.bool,
-    fitBoundsOnUpdate: React.PropTypes.bool,
-    onStatsUpdate: React.PropTypes.func,
+    points: PropTypes.array.isRequired,
+    longitudeExtractor: PropTypes.func.isRequired,
+    latitudeExtractor: PropTypes.func.isRequired,
+    intensityExtractor: PropTypes.func.isRequired,
+    fitBoundsOnLoad: PropTypes.bool,
+    fitBoundsOnUpdate: PropTypes.bool,
+    onStatsUpdate: PropTypes.func,
     /* props controlling heatmap generation */
-    max: React.PropTypes.number,
-    radius: React.PropTypes.number,
-    maxZoom: React.PropTypes.number,
-    minOpacity: React.PropTypes.number,
-    blur: React.PropTypes.number,
-    gradient: React.PropTypes.object
+    max: PropTypes.number,
+    radius: PropTypes.number,
+    maxZoom: PropTypes.number,
+    minOpacity: PropTypes.number,
+    blur: PropTypes.number,
+    gradient: PropTypes.object
   };
 
   createLeafletElement() {