homeflowjs 1.0.70 → 1.0.72

package/hooks/use-scroll-to.hook.js

@@ -79,15 +79,15 @@ const useScrollTo = (options) => {
   const [currentTarget, setCurrentTarget] = useState(null);
   const scrollAbortControllerRef = useRef(null);
 
-  const handleScrollTo = () => {
-    const { target, yOffsetFromURLParams } = getURLParams(window.location.hash);
-    const targetElement = getTargetElementHelper(target);
-
-    if(!targetElement) return;
+  const handleScrollTo = (hash) => {
+    const { target, yOffsetFromURLParams } = getURLParams(hash || window.location.hash);
+    if (!target) return;
 
+    const targetElement = getTargetElementHelper(target);
     const targetObj = {
       targetElement, 
       additionalYOffset: yOffsetFromURLParams,
+      ...(hash && { hash }), // Add hash to the target object so onIntersect can update the URL
       ...options,
     }
 
@@ -126,6 +126,7 @@ const useScrollTo = (options) => {
         scrollAbortControllerRef.current.abort(); // Stop the scroll
         scrollAbortControllerRef.current = null; // Reset the controller
         scrollToTarget({ ...currentTarget }); // Fire the scrollToTarget function again
+        if (currentTarget?.hash) window.location.hash = currentTarget.hash; // Update the URL hash
       }
     }
   });
@@ -142,8 +143,13 @@ const useScrollTo = (options) => {
       el.addEventListener(
         'click',
         (e) => {
+
+          /**
+           * Prevent default behavior, hash change is handled onIntersect,
+           * otherwise it will cause the scroll to be instant
+           */
           e.preventDefault();
-          handleScrollTo();
+          handleScrollTo(e.currentTarget.getAttribute('href'));
         },
         { signal: clickEventController.signal }
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",