@tanstack/react-router 1.104.0 → 1.104.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.104.0",
+  "version": "1.104.1",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -53,8 +53,8 @@
     "jsesc": "^3.1.0",
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
-    "@tanstack/router-core": "^1.102.5",
-    "@tanstack/history": "1.99.13"
+    "@tanstack/history": "1.99.13",
+    "@tanstack/router-core": "^1.104.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/src/route.ts

@@ -459,7 +459,7 @@ export interface UpdatableRouteOptions<
       TLoaderDeps
     >
     params: ResolveAllParamsFromParent<TParentRoute, TParams>
-    loaderData: ResolveLoaderData<TLoaderFn> | undefined
+    loaderData: ResolveLoaderData<TLoaderFn>
   }) => {
     links?: AnyRouteMatch['links']
     scripts?: AnyRouteMatch['scripts']

package/src/router.ts

@@ -1318,15 +1318,6 @@ export class Router<
         }
       }
 
-      // If it's already a success, update the headers
-      // These may get updated again if the match is refreshed
-      // due to being stale
-      if (match.status === 'success') {
-        match.headers = route.options.headers?.({
-          loaderData: match.loaderData,
-        })
-      }
-
       if (!opts?.preload) {
         // If we have a global not found, mark the right match as global not found
         match.globalNotFound = globalNotFoundRouteId === route.id
@@ -1380,16 +1371,24 @@ export class Router<
         }
       }
 
-      const headFnContent = route.options.head?.({
-        matches,
-        match,
-        params: match.params,
-        loaderData: match.loaderData ?? undefined,
-      })
+      // If it's already a success, update headers and head content
+      // These may get updated again if the match is refreshed
+      // due to being stale
+      if (match.status === 'success') {
+        match.headers = route.options.headers?.({
+          loaderData: match.loaderData,
+        })
+        const headFnContent = route.options.head?.({
+          matches,
+          match,
+          params: match.params,
+          loaderData: match.loaderData,
+        })
 
-      match.links = headFnContent?.links
-      match.scripts = headFnContent?.scripts
-      match.meta = headFnContent?.meta
+        match.links = headFnContent?.links
+        match.scripts = headFnContent?.scripts
+        match.meta = headFnContent?.meta
+      }
     })
 
     return matches