@tanstack/react-router 1.52.4 → 1.52.5

package/dist/esm/router.js

@@ -666,11 +666,22 @@ class Router {
               for (const [index, { id: matchId, routeId }] of matches.entries()) {
                 const existingMatch = this.getMatch(matchId);
                 const parentMatchId = (_a = matches[index - 1]) == null ? void 0 : _a.id;
+                const route = this.looseRoutesById[routeId];
+                const pendingMs = route.options.pendingMs ?? this.options.defaultPendingMs;
+                const shouldPending = !!(onReady && !this.isServer && !preload && (route.options.loader || route.options.beforeLoad) && typeof pendingMs === "number" && pendingMs !== Infinity && (route.options.pendingComponent ?? this.options.defaultPendingComponent));
                 if (
                   // If we are in the middle of a load, either of these will be present
                   // (not to be confused with `loadPromise`, which is always defined)
                   existingMatch.beforeLoadPromise || existingMatch.loaderPromise
                 ) {
+                  if (shouldPending) {
+                    setTimeout(() => {
+                      try {
+                        triggerOnReady();
+                      } catch {
+                      }
+                    }, pendingMs);
+                  }
                   await existingMatch.beforeLoadPromise;
                 } else {
                   try {
@@ -682,10 +693,7 @@ class Router {
                       }),
                       beforeLoadPromise: createControlledPromise()
                     }));
-                    const route = this.looseRoutesById[routeId];
                     const abortController = new AbortController();
-                    const pendingMs = route.options.pendingMs ?? this.options.defaultPendingMs;
-                    const shouldPending = !!(onReady && !this.isServer && !preload && (route.options.loader || route.options.beforeLoad) && typeof pendingMs === "number" && pendingMs !== Infinity && (route.options.pendingComponent ?? this.options.defaultPendingComponent));
                     let pendingTimeout;
                     if (shouldPending) {
                       pendingTimeout = setTimeout(() => {