Nav TanStack

1// Navigation adapter — TanStack Start template (src/routes/ file-based routing).
2// Copy to src/lib/nav.js. Shipped components import Link/useParams/etc from here so the same
3// files run on either Base44 template; this file is the only place the router is named.
4//
5// Two shapes differ from react-router and are normalised here:
6//   useParams  — TanStack scopes params to a route; `strict: false` returns the current match's
7//                params, which is what a shared component wants.
8//   useNavigate — TanStack takes an object; this returns a function you call with a path, and
9//                 `navigate(-1)` still goes back.
10import {
11  Link as RouterLink,
12  Navigate,
13  useLocation,
14  useNavigate as useRouterNavigate,
15  useParams as useRouterParams,
16} from "@tanstack/react-router";
17
18// `to` is an already-resolved path (`/blog/my-post`); the router matches it at runtime.
19export const Link = RouterLink;
20export { Navigate, useLocation };
21
22export function useParams() {
23  return useRouterParams({ strict: false });
24}
25
26export function useNavigate() {
27  const navigate = useRouterNavigate();
28  return (to, options) =>
29    typeof to === "number" ? window.history.go(to) : navigate({ to, ...options });
30}