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

Author: pmajkutewicz

CHANGELOG.md

@@ -1,3 +1,6 @@
+# 1.0.1 Release
+- Fixed warning "Accessing PropTypes via the main React package is deprecated"
+
 # 1.0.0 Release
 - Leaflet 1.0.0 support
 - React-Leaflet 1.0.0 support

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-leaflet-heatmap-layer",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A custom layer for heatmaps in react-leaflet",
   "main": "lib/HeatmapLayer.js",
   "scripts": {
@@ -69,6 +69,7 @@
     "lodash.min": "^4.0.0",
     "lodash.pluck": "^3.1.2",
     "lodash.reduce": "^4.3.0",
+    "prop-types": "^15.5.10",
     "simpleheat": "^0.4.0"
   }
 }

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() {