@weser/hooks 0.0.11 → 0.0.13

package/dist/useRouteChange.js

@@ -9,11 +9,24 @@ export default function useRouteChange(onRouteChange, pathname) {
     useEffect(() => {
         const onClick = (e) => {
             const target = e.target;
-            if (target.tagName === 'A' && target.href === pathname) {
+            const anchor = getContainingAnchor(e.target);
+            if ((target.tagName === 'A' && target.href === pathname) ||
+                (anchor !== null && anchor?.pathname === pathname)) {
                 onRouteChange(pathname);
             }
         };
         window.addEventListener('click', onClick);
         return () => window.removeEventListener('click', onClick);
-    }, []);
+    }, [pathname]);
+}
+function getContainingAnchor(node) {
+    if (!node || !(node instanceof Node))
+        return null;
+    if (node.nodeType === Node.ELEMENT_NODE) {
+        return node.closest('a');
+    }
+    // For text/other nodes, start at the nearest Element ancestor
+    const parent = node.parentElement ||
+        node.parentNode;
+    return parent?.closest('a');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/hooks",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "React hooks for building apps",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -52,5 +52,5 @@
     "rimraf": "^3.0.2",
     "typescript": "^5.4.5"
   },
-  "gitHead": "e2935b6b1b52be5a254d6b249ac61d62a012a3b5"
+  "gitHead": "2e5430bd1d2f421a9ab85dff0918b89023f8039b"
 }