Framework
Version
Getting Started
Guide
- Route Trees & Nestingreact
- Routing Conceptsreact
- Code Splittingreact
- File-Based Routingreact
- Virtual File Routesreact
- Code Based Routingreact
- Creating a Routerreact
- Route Matchingreact
- Outletsreact
- Navigationreact
- Path Paramsreact
- Search Paramsreact
- Link Optionsreact
- Custom Linksreact
- Data Loadingreact
- Deferred Data Loadingreact
- External Data Loadingreact
- Data Mutationsreact
- Type Safetyreact
- Preloadingreact
- Route Maskingreact
- Navigation Blockingreact
- Custom Search Param Serializationreact
- History Typesreact
- Router Contextreact
- Not Found Errorsreact
- Authenticated Routesreact
- Scroll Restorationreact
- Static Route Datareact
- SSRreact
- Render Optimizationsreact
Start
Router Examples
- Quickstart (file-based)react
- Quickstart (code-based)react
- Basic (file-based)react
- Basic (code-based)react
- Basic + React Query (file-based)react
- Basic + React Query (code-based)react
- Basic + SSR (file-based)react
- Basic + SSR Streaming (file-based)react
- Kitchen Sink (file-based)react
- Kitchen Sink (code-based)react
- Kitchen Sink + React Query (file-based)react
- Kitchen Sink + React Query (code-based)react
- Location Maskingreact
- Authenticated Routesreact
- Scroll Restorationreact
- Deferred Datareact
- Navigation Blockingreact
- With tRPCreact
- With tRPC + React Queryreact
- Monorepo basicreact
- Monorepo with React Queryreact
Framework
Version
Getting Started
Guide
- Route Trees & Nestingreact
- Routing Conceptsreact
- Code Splittingreact
- File-Based Routingreact
- Virtual File Routesreact
- Code Based Routingreact
- Creating a Routerreact
- Route Matchingreact
- Outletsreact
- Navigationreact
- Path Paramsreact
- Search Paramsreact
- Link Optionsreact
- Custom Linksreact
- Data Loadingreact
- Deferred Data Loadingreact
- External Data Loadingreact
- Data Mutationsreact
- Type Safetyreact
- Preloadingreact
- Route Maskingreact
- Navigation Blockingreact
- Custom Search Param Serializationreact
- History Typesreact
- Router Contextreact
- Not Found Errorsreact
- Authenticated Routesreact
- Scroll Restorationreact
- Static Route Datareact
- SSRreact
- Render Optimizationsreact
Start
Router Examples
- Quickstart (file-based)react
- Quickstart (code-based)react
- Basic (file-based)react
- Basic (code-based)react
- Basic + React Query (file-based)react
- Basic + React Query (code-based)react
- Basic + SSR (file-based)react
- Basic + SSR Streaming (file-based)react
- Kitchen Sink (file-based)react
- Kitchen Sink (code-based)react
- Kitchen Sink + React Query (file-based)react
- Kitchen Sink + React Query (code-based)react
- Location Maskingreact
- Authenticated Routesreact
- Scroll Restorationreact
- Deferred Datareact
- Navigation Blockingreact
- With tRPCreact
- With tRPC + React Queryreact
- Monorepo basicreact
- Monorepo with React Queryreact
Navigate component
The Navigate component is a component that can be used to navigate to a new location when rendered. This includes changes to the pathname, search params, hash, and location state. The underlying navigation will happen inside of a useEffect hook when successfully rendered.
Navigate props
The Navigate component accepts the following props:
...options
- Type: NavigateOptions
Navigate returns
- null
Our Partners
'/%3e%3c/svg%3e)
'/%3e%3c/svg%3e)
Subscribe to Bytes
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.
This ad helps to keep us from burning out and rage-quitting OSS just *that* much more, so chill. 😉
Subscribe to Bytes
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.