fix: use this.fullPath instead of useRouter (#4099)

Author: chorobin

packages/react-router/src/route.tsx

@@ -257,14 +257,7 @@ export class Route<
 
   Link: LinkComponent<'a', TFullPath> = React.forwardRef(
     (props, ref: React.ForwardedRef<HTMLAnchorElement>) => {
-      const router = useRouter()
-      return (
-        <Link
-          ref={ref}
-          from={router.routesById[this.id].fullPath as never}
-          {...props}
-        />
-      )
+      return <Link ref={ref} from={this.fullPath as never} {...props} />
     },
   ) as unknown as LinkComponent<'a', TFullPath>
 }
@@ -455,14 +448,7 @@ export class RootRoute<
 
   Link: LinkComponent<'a', '/'> = React.forwardRef(
     (props, ref: React.ForwardedRef<HTMLAnchorElement>) => {
-      const router = useRouter()
-      return (
-        <Link
-          ref={ref}
-          from={router.routesById[this.id].fullPath as never}
-          {...props}
-        />
-      )
+      return <Link ref={ref} from={this.fullPath} {...props} />
     },
   ) as unknown as LinkComponent<'a', '/'>
 }

packages/solid-router/src/route.tsx

@@ -243,9 +243,7 @@ export class Route<
   }
 
   Link: LinkComponent<'a', TFullPath> = (props) => {
-    const router = useRouter()
-    const fullPath = router.routesById[this.id as string].fullPath
-    return <Link from={fullPath as never} {...props} />
+    return <Link from={this.fullPath} {...props} />
   }
 }
 
@@ -430,9 +428,7 @@ export class RootRoute<
   }
 
   Link: LinkComponent<'a', '/'> = (props) => {
-    const router = useRouter()
-    const fullPath = router.routesById[this.id as string].fullPath
-    return <Link from={fullPath as never} {...props} />
+    return <Link from={this.fullPath} {...props} />
   }
 }