@geops/rvf-mobility-web-component 0.1.60 → 0.1.61

package/package.json

@@ -2,7 +2,7 @@
   "name": "@geops/rvf-mobility-web-component",
   "license": "UNLICENSED",
   "description": "Web components for rvf in the domains of mobility and logistics.",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
   "type": "module",
   "main": "index.js",

package/src/RvfMobilityMap/RvfMobilityMap.tsx

@@ -602,9 +602,8 @@ function MobilityMapWithDefaultProps(props: MobilityMapProps) {
   const propsFromPermalink = useInitialPermalink(
     permalinktemplate || defaultPermalinkTemplate,
   );
-
   return (
-    <RvfMobilityMap {...defaultProps} {...propsFromPermalink} {...props} />
+    <RvfMobilityMap {...defaultProps} {...props} {...propsFromPermalink} />
   );
 }
 

package/src/utils/hooks/useInitialPermalink.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from "preact/hooks";
+import { useMemo, useRef } from "preact/hooks";
 
 import type { MobilityMapProps } from "../../MobilityMap/MobilityMap";
 
@@ -9,6 +9,8 @@ import type { MobilityMapProps } from "../../MobilityMap/MobilityMap";
 const useInitialPermalink = (
   permalinktemplate: string,
 ): null | Partial<MobilityMapProps> => {
+  const prevProps = useRef<Partial<MobilityMapProps>>(null);
+
   const props = useMemo(() => {
     if (!permalinktemplate) {
       return null;
@@ -70,7 +72,12 @@ const useInitialPermalink = (
     return null;
   }, [permalinktemplate]);
 
-  return props;
+  // We want to apply the value from the url only once
+  if (!prevProps.current && props) {
+    prevProps.current = props;
+    return props;
+  }
+  return {};
 };
 
 export default useInitialPermalink;