@tanstack/react-router 0.0.1-beta.200 → 0.0.1-beta.202

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-router",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.200",
+  "version": "0.0.1-beta.202",
   "license": "MIT",
   "repository": "tanstack/router",
   "homepage": "https://tanstack.com/router",
@@ -44,7 +44,7 @@
     "tiny-warning": "^1.0.3",
     "@tanstack/react-store": "^0.0.1",
     "@gisatcz/cross-package-react-context": "^0.2.0",
-    "@tanstack/router-core": "0.0.1-beta.200"
+    "@tanstack/router-core": "0.0.1-beta.202"
   },
   "scripts": {
     "build": "rollup --config rollup.config.js"

package/src/react.tsx

@@ -385,6 +385,9 @@ export function useLinkProps<
   options: MakeLinkPropsOptions<TRouteTree, TFrom, TTo, TMaskFrom, TMaskTo>,
 ): React.AnchorHTMLAttributes<HTMLAnchorElement> {
   const router = useRouter()
+  const match = useMatch({
+    strict: false,
+  })
 
   const {
     // custom props
@@ -395,11 +398,10 @@ export function useLinkProps<
     inactiveProps = () => ({}),
     activeOptions,
     disabled,
-    // fromCurrent,
     hash,
     search,
     params,
-    to = '.',
+    to,
     state,
     mask,
     preload,
@@ -416,7 +418,10 @@ export function useLinkProps<
     ...rest
   } = options
 
-  const linkInfo = router.buildLink(options as any)
+  const linkInfo = router.buildLink({
+    from: options.to ? match.pathname : undefined,
+    ...options,
+  } as any)
 
   if (linkInfo.type === 'external') {
     const { href } = linkInfo
@@ -539,9 +544,13 @@ export function Navigate<
   TMaskTo extends string = '',
 >(props: NavigateOptions<TRouteTree, TFrom, TTo, TMaskFrom, TMaskTo>): null {
   const router = useRouter()
+  const match = useMatch({ strict: false })
 
   useLayoutEffect(() => {
-    router.navigate(props as any)
+    router.navigate({
+      from: props.to ? match.pathname : undefined,
+      ...props,
+    } as any)
   }, [])
 
   return null
@@ -841,6 +850,9 @@ export function useNavigate<
   TDefaultFrom extends RoutePaths<TRouteTree> = '/',
 >(defaultOpts?: { from?: TDefaultFrom }) {
   const router = useRouter()
+  const match = useMatch({
+    strict: false,
+  })
   return React.useCallback(
     <
       TFrom extends RoutePaths<TRouteTree> = TDefaultFrom,
@@ -850,7 +862,11 @@ export function useNavigate<
     >(
       opts?: NavigateOptions<TRouteTree, TFrom, TTo, TMaskFrom, TMaskTo>,
     ) => {
-      return router.navigate({ ...defaultOpts, ...(opts as any) })
+      return router.navigate({
+        from: opts?.to ? match.pathname : undefined,
+        ...defaultOpts,
+        ...(opts as any),
+      })
     },
     [],
   )