@tanstack/react-router 1.157.2 → 1.157.4

package/dist/llms/rules/api.js

@@ -2967,6 +2967,24 @@ function Component() {
 }
 \`\`\`
 
+By default, param values with characters such as \`@\` will be encoded in the URL:
+
+\`\`\`tsx
+// url path will be \`/%40foo\`
+<Link to="/$username" params={{ username: '@foo' }} />
+\`\`\`
+
+To opt-out, update the [pathParamsAllowedCharacters](../router/RouterOptionsType#pathparamsallowedcharacters-property) config on the router
+
+\`\`\`tsx
+import { createRouter } from '@tanstack/react-router'
+
+const router = createRouter({
+  routeTree,
+  pathParamsAllowedCharacters: ['@'],
+})
+\`\`\`
+
 # Link options
 
 \`linkOptions\` is a function which type checks an object literal with the intention of being used for \`Link\`, \`navigate\` or \`redirect\`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.157.2",
+  "version": "1.157.4",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -82,7 +82,7 @@
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3",
     "@tanstack/history": "1.154.14",
-    "@tanstack/router-core": "1.157.1"
+    "@tanstack/router-core": "1.157.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/src/Asset.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { isServer } from '@tanstack/router-core'
+import { isServer } from '@tanstack/router-core/isServer'
 import { useRouter } from './useRouter'
 import type { RouterManagedTag } from '@tanstack/router-core'
 

package/src/Match.tsx

@@ -6,9 +6,9 @@ import {
   getLocationChangeInfo,
   isNotFound,
   isRedirect,
-  isServer,
   rootRouteId,
 } from '@tanstack/router-core'
+import { isServer } from '@tanstack/router-core/isServer'
 import { CatchBoundary, ErrorComponent } from './CatchBoundary'
 import { useRouterState } from './useRouterState'
 import { useRouter } from './useRouter'

package/src/Matches.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 import warning from 'tiny-warning'
-import { isServer, rootRouteId } from '@tanstack/router-core'
+import { rootRouteId } from '@tanstack/router-core'
+import { isServer } from '@tanstack/router-core/isServer'
 import { CatchBoundary, ErrorComponent } from './CatchBoundary'
 import { useRouterState } from './useRouterState'
 import { useRouter } from './useRouter'

package/src/ScriptOnce.tsx

@@ -1,4 +1,4 @@
-import { isServer } from '@tanstack/router-core'
+import { isServer } from '@tanstack/router-core/isServer'
 import { useRouter } from './useRouter'
 
 /**

package/src/link.tsx

@@ -5,10 +5,10 @@ import {
   exactPathTest,
   functionalUpdate,
   isDangerousProtocol,
-  isServer,
   preloadWarning,
   removeTrailingSlash,
 } from '@tanstack/router-core'
+import { isServer } from '@tanstack/router-core/isServer'
 import { useRouterState } from './useRouterState'
 import { useRouter } from './useRouter'
 

package/src/scroll-restoration.tsx

@@ -1,10 +1,10 @@
 import {
   defaultGetScrollRestorationKey,
   escapeHtml,
-  isServer,
   restoreScroll,
   storageKey,
 } from '@tanstack/router-core'
+import { isServer } from '@tanstack/router-core/isServer'
 import { useRouter } from './useRouter'
 import { ScriptOnce } from './ScriptOnce'