| 24 | * @link https://tanstack.com/router/latest/docs/framework/react/api/router/useNavigateHook |
| 25 | */ |
| 26 | export 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 |