@tanstack/react-router 1.52.1 → 1.52.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.52.1",
+  "version": "1.52.3",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",

package/src/route.ts

@@ -887,35 +887,35 @@ export class Route<
   private _to!: TrimPathRight<TFullPath>
 
   public get to() {
-    invariant(
+    /* invariant(
       this._to,
       `trying to access property 'to' on a route which is not initialized yet. Route properties are only available after 'createRouter' completed.`,
-    )
+    )*/
     return this._to
   }
 
   public get id() {
-    invariant(
+    /* invariant(
       this._id,
       `trying to access property 'id' on a route which is not initialized yet. Route properties are only available after 'createRouter' completed.`,
-    )
+    )*/
     return this._id
   }
 
   public get path() {
-    invariant(
+    /* invariant(
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
       this.isRoot || this._id || this._path,
       `trying to access property 'path' on a route which is not initialized yet. Route properties are only available after 'createRouter' completed.`,
-    )
+    )*/
     return this._path
   }
 
   public get fullPath() {
-    invariant(
+    /* invariant(
       this._fullPath,
       `trying to access property 'fullPath' on a route which is not initialized yet. Route properties are only available after 'createRouter' completed.`,
-    )
+    )*/
     return this._fullPath
   }
 

package/src/router.ts

@@ -2133,7 +2133,7 @@ export class Router<
                 (async () => {
                   const { loaderPromise: prevLoaderPromise } =
                     this.getMatch(matchId)!
-
+                  let loaderRunningAsync = false
                   if (prevLoaderPromise) {
                     await prevLoaderPromise
                   } else {
@@ -2328,13 +2328,12 @@ export class Router<
 
                     // If the route is successful and still fresh, just resolve
                     const { status, invalid } = this.getMatch(matchId)!
-
-                    if (preload && route.options.preload === false) {
-                      // Do nothing
-                    } else if (
+                    loaderRunningAsync =
                       status === 'success' &&
                       (invalid || (shouldReload ?? age > staleAge))
-                    ) {
+                    if (preload && route.options.preload === false) {
+                      // Do nothing
+                    } else if (loaderRunningAsync) {
                       ;(async () => {
                         try {
                           await runLoader()
@@ -2353,7 +2352,7 @@ export class Router<
 
                   updateMatch(matchId, (prev) => ({
                     ...prev,
-                    isFetching: false,
+                    isFetching: loaderRunningAsync ? prev.isFetching : false,
                     loaderPromise: undefined,
                   }))
                 })(),