@tanstack/react-router 1.4.5 → 1.4.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-router",
   "author": "Tanner Linsley",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "license": "MIT",
   "repository": "tanstack/router",
   "homepage": "https://tanstack.com/router",
@@ -44,7 +44,7 @@
     "@tanstack/store": "^0.1.3",
     "tiny-invariant": "^1.3.1",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "1.4.5"
+    "@tanstack/history": "1.4.6"
   },
   "scripts": {
     "build": "rollup --config rollup.config.js"

package/src/Matches.tsx

@@ -45,6 +45,7 @@ export interface RouteMatch<
   loaderDeps: RouteById<TRouteTree, TRouteId>['types']['loaderDeps']
   preload: boolean
   invalid: boolean
+  pendingPromise?: Promise<void>
 }
 
 export type AnyRouteMatch = RouteMatch<any, any>

package/src/router.ts

@@ -1058,6 +1058,12 @@ export class Router<
           const parentContext =
             parentMatch?.context ?? this.options.context ?? {}
 
+          const pendingMs =
+            route.options.pendingMs ?? this.options.defaultPendingMs
+          const pendingPromise = new Promise<void>((r) =>
+            setTimeout(r, pendingMs),
+          )
+
           const beforeLoadContext =
             (await route.options.beforeLoad?.({
               search: match.search,
@@ -1090,6 +1096,7 @@ export class Router<
             ),
             context: replaceEqualDeep(match.context, context),
             abortController,
+            pendingPromise,
           }
         } catch (err) {
           handleErrorAndRedirect(err, 'BEFORE_LOAD')
@@ -1274,7 +1281,7 @@ export class Router<
             // 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