MCPcopy
hub / github.com/TanStack/router / useNavigate

Function useNavigate

packages/react-router/src/useNavigate.tsx:26–43  ·  view source on GitHub ↗
(_defaultOpts?: {
  from?: FromPathOption<TRouter, TDefaultFrom>
})

Source from the content-addressed store, hash-verified

24 * @link https://tanstack.com/router/latest/docs/framework/react/api/router/useNavigateHook
25 */
26export function useNavigate<
27 TRouter extends AnyRouter = RegisteredRouter,
28 TDefaultFrom extends string = string,
29>(_defaultOpts?: {
30 from?: FromPathOption<TRouter, TDefaultFrom>
31}): UseNavigateResult<TDefaultFrom> {
32 const router = useRouter()
33
34 return React.useCallback(
35 (options: NavigateOptions) => {
36 return router.navigate({
37 ...options,
38 from: options.from ?? _defaultOpts?.from,
39 })
40 },
41 [_defaultOpts?.from, router],
42 ) as UseNavigateResult<TDefaultFrom>
43}
44
45/**
46 * Component that triggers a navigation when rendered. Navigation executes

Callers 15

tests.test-d.tsFile · 0.90
tests.test-d.tsFile · 0.90
RouteApiClass · 0.90
RouteClass · 0.90
RootRouteClass · 0.90
LazyRouteClass · 0.90
setupFunction · 0.90
IndexComponentFunction · 0.90
PostsIndexComponentFunction · 0.90
PostComponentFunction · 0.90
DetailsComponentFunction · 0.90

Calls 1

useRouterFunction · 0.90

Tested by 13

setupFunction · 0.72
IndexComponentFunction · 0.72
PostsIndexComponentFunction · 0.72
PostComponentFunction · 0.72
DetailsComponentFunction · 0.72
PostsComponentFunction · 0.72
useModalFunction · 0.72
setupRouterFunction · 0.72
IndexComponentFunction · 0.72
ComponentFunction · 0.72
IndexComponentFunction · 0.72
createHistoryRouterFunction · 0.72