@tanstack/react-router 1.4.5 → 1.4.6

package/build/types/Matches.d.ts

@@ -28,6 +28,7 @@ export interface RouteMatch<TRouteTree extends AnyRoute = AnyRoute, TRouteId ext
     loaderDeps: RouteById<TRouteTree, TRouteId>['types']['loaderDeps'];
     preload: boolean;
     invalid: boolean;
+    pendingPromise?: Promise<void>;
 }
 export type AnyRouteMatch = RouteMatch<any, any>;
 export declare function Matches(): React.JSX.Element;

package/build/umd/index.development.js

@@ -2712,6 +2712,8 @@
               handleErrorAndRedirect(match.searchError, 'VALIDATE_SEARCH');
             }
             const parentContext = parentMatch?.context ?? this.options.context ?? {};
+            const pendingMs = route.options.pendingMs ?? this.options.defaultPendingMs;
+            const pendingPromise = new Promise(r => setTimeout(r, pendingMs));
             const beforeLoadContext = (await route.options.beforeLoad?.({
               search: match.search,
               abortController,
@@ -2738,7 +2740,8 @@
               ...match,
               routeContext: replaceEqualDeep(match.routeContext, beforeLoadContext),
               context: replaceEqualDeep(match.context, context),
-              abortController
+              abortController,
+              pendingPromise
             };
           } catch (err) {
             handleErrorAndRedirect(err, 'BEFORE_LOAD');
@@ -2879,7 +2882,7 @@
             // If we need to potentially show the pending component,
             // start a timer to show it after the pendingMs
             if (shouldPending) {
-              new Promise(r => setTimeout(r, pendingMs)).then(async () => {
+              match.pendingPromise?.then(async () => {
                 if (latestPromise = checkLatest()) return latestPromise;
                 didShowPending = true;
                 matches[index] = match = {