@tanstack/react-router 1.81.9 → 1.81.13

package/package.json

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

package/src/link.tsx

@@ -12,6 +12,7 @@ import {
   useLayoutEffect,
 } from './utils'
 import { exactPathTest, removeTrailingSlash } from './path'
+import { useMatch } from './useMatch'
 import type { ParsedLocation } from './location'
 import type { HistoryState } from '@tanstack/history'
 import type {
@@ -650,6 +651,16 @@ export function useLinkProps<
     structuralSharing: true as any,
   })
 
+  // In the rare event that the user bypasses type-safety and doesn't supply a `from`
+  // we'll use the current route as the `from` location so relative routing works as expected
+  const parentRouteId = useMatch({ strict: false, select: (s) => s.pathname })
+
+  // Use it as the default `from` location
+  options = {
+    from: parentRouteId,
+    ...options,
+  }
+
   const next = React.useMemo(
     () => router.buildLocation(options as any),
     [router, options, currentSearch],

package/src/router.ts

@@ -2941,6 +2941,16 @@ export class Router<
 
     this.injectedHtml.push(cb)
   }
+  injectScript: (script: string) => void = (script) => {
+    this.injectHtml(
+      `<script class='tsr-once'>${script}${
+        process.env.NODE_ENV === 'development'
+          ? `; console.info(\`Injected From Server:
+${script}\`)`
+          : ''
+      }; __TSR__.cleanScripts()</script>`,
+    )
+  }
   streamedKeys: Set<string> = new Set()
 
   getStreamedValue = <T>(key: string): T | undefined => {
@@ -2968,15 +2978,8 @@ export class Router<
     )
 
     this.streamedKeys.add(key)
-    const children = `__TSR__.streamedValues['${key}'] = { value: ${this.serializer?.(this.options.transformer.stringify(value))}}`
-
-    this.injectHtml(
-      `<script class='tsr-once'>${children}${
-        process.env.NODE_ENV === 'development'
-          ? `; console.info(\`Injected From Server:
-        ${children}\`)`
-          : ''
-      }; __TSR__.cleanScripts()</script>`,
+    this.injectScript(
+      `__TSR__.streamedValues['${key}'] = { value: ${this.serializer?.(this.options.transformer.stringify(value))}}`,
     )
   }