Merge pull request #222 from emilhe/geojson_pane_fix

Geojson pane fix

Author: emilhe

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.14] - 11-01-24
+
+### Changed
+
+- Propagate pane information to GeoJSON object, thereby fixing [#221](https://github.com/emilhe/dash-leaflet/issues/221)
+
 ## [1.0.13] - 27-12-23
 
 ### Changed

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-leaflet",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Dash Leaflet is a light wrapper around React-Leaflet. The syntax is similar to other Dash components, with naming conventions following the React-Leaflet API.",
   "main": "index.ts",
   "repository": {

package.json

@@ -176,7 +176,7 @@ function _parseOptions(props, map, indexRef) {
             return _defaultPointToLayer(feature, latlng, options)
         }
     }
-    return options
+    return withPane(options, context)
 }
 
 async function _fetchGeoJSON(props) {
@@ -705,10 +705,10 @@ export const GeoJSON = createContainerComponent<L.GeoJSON, GeoJSONProps>(
         // Similar to "createPathHook", except that "usePathOptions" is exchanged with "useUpdateGeoJSON".
         (props) => {
             const context = useLeafletContext()
-            const elementRef = useGeoJSON(withPane(props, context), context)
+            const elementRef = useGeoJSON(props, context)
             useLayerLifecycle(elementRef.current, context)
             useEventHandlers(elementRef.current, props.eventHandlers)
-            useUpdateGeoJSON(elementRef.current, props)
+            useUpdateGeoJSON(elementRef.current, withPane(props, context))
             return elementRef
         }
     )