@tanstack/react-router 0.0.1-beta.205 → 0.0.1-beta.206

package/build/umd/index.development.js

@@ -1279,7 +1279,7 @@
     });
     const buildLocation = useStableCallback((opts = {}) => {
       const build = (dest = {}, matches) => {
-        const from = state.location;
+        const from = latestLocationRef.current;
         const fromPathname = dest.from ?? from.pathname;
         let pathname = resolvePathWithBase(fromPathname, `${dest.to ?? ''}`);
         const fromMatches = matchRoutes(fromPathname, from.search);
@@ -1372,7 +1372,7 @@
     });
     const commitLocation = useStableCallback(async next => {
       if (navigateTimeoutRef.current) clearTimeout(navigateTimeoutRef.current);
-      const isSameUrl = state.location.href === next.href;
+      const isSameUrl = latestLocationRef.current.href === next.href;
 
       // If the next urls are the same and we're not replacing,
       // do nothing
@@ -1490,7 +1490,7 @@
               params: match.params,
               preload: !!preload,
               meta: parentMeta,
-              location: state.location
+              location: state.location // TODO: This might need to be latestLocationRef.current...?
             })) ?? {};
             const meta = {
               ...parentMeta,
@@ -1743,13 +1743,13 @@
       const preloadDelay = userPreloadDelay ?? options.defaultPreloadDelay ?? 0;
 
       // Compare path/hash for matches
-      const currentPathSplit = state.location.pathname.split('/');
+      const currentPathSplit = latestLocationRef.current.pathname.split('/');
       const nextPathSplit = next.pathname.split('/');
       const pathIsFuzzyEqual = nextPathSplit.every((d, i) => d === currentPathSplit[i]);
       // Combine the matches based on user options
-      const pathTest = activeOptions?.exact ? state.location.pathname === next.pathname : pathIsFuzzyEqual;
-      const hashTest = activeOptions?.includeHash ? state.location.hash === next.hash : true;
-      const searchTest = activeOptions?.includeSearch ?? true ? partialDeepEqual(state.location.search, next.search) : true;
+      const pathTest = activeOptions?.exact ? latestLocationRef.current.pathname === next.pathname : pathIsFuzzyEqual;
+      const hashTest = activeOptions?.includeHash ? latestLocationRef.current.hash === next.hash : true;
+      const searchTest = activeOptions?.includeSearch ?? true ? partialDeepEqual(latestLocationRef.current.search, next.search) : true;
 
       // The final "active" test
       const isActive = pathTest && hashTest && searchTest;
@@ -1817,12 +1817,14 @@
         disabled
       };
     });
+    const latestLocationRef = React__namespace.useRef(state.location);
     React__namespace.useLayoutEffect(() => {
       const unsub = history.subscribe(() => {
+        latestLocationRef.current = parseLocation(latestLocationRef.current);
         React__namespace.startTransition(() => {
           setState(s => ({
             ...s,
-            location: parseLocation(state.location)
+            location: latestLocationRef.current
           }));
         });
       });
@@ -1862,7 +1864,7 @@
       if (opts?.pending && state.status !== 'pending') {
         return false;
       }
-      const baseLocation = opts?.pending ? state.location : state.resolvedLocation;
+      const baseLocation = opts?.pending ? latestLocationRef.current : state.resolvedLocation;
       if (!baseLocation) {
         return false;
       }