latest
Branches
latest (7.6.3)
dev
Versions
7.6.3
6.30.1
v4/5.x
v3.x
API Reference
Search
Light
Dark
System
createBrowserRouter
Changelog
Getting Started
Picking a Mode
Framework Mode
Installation
Routing
Route Module
Rendering Strategies
Data Loading
Actions
Navigating
Pending UI
Testing
Deploying
Data Mode
Installation
Routing
Route Object
Data Loading
Actions
Navigating
Pending UI
Custom Framework
Testing
Declarative Mode
Installation
Routing
Navigating
URL Values
Upgrading
Future Flags
Upgrading from v6
Upgrading from Remix
Framework Adoption from Component Routes
Framework Adoption from RouterProvider
API
Components
Await
Form
Link
Links
Meta
NavLink
Navigate
Outlet
PrefetchPageLinks
Route
Routes
Scripts
ScrollRestoration
ServerRouter
Hooks
useActionData
useAsyncError
useAsyncValue
useBeforeUnload
useBlocker
useFetcher
useFetchers
useFormAction
useHref
useInRouterContext
useLinkClickHandler
useLoaderData
useLocation
useMatch
useMatches
useNavigate
useNavigation
useNavigationType
useOutlet
useOutletContext
useParams
usePrompt
🧪
useResolvedPath
useRevalidator
useRouteError
useRouteLoaderData
useRoutes
useSearchParams
useSubmit
useViewTransitionState
Framework Conventions
root.tsx
routes.ts
react-router.config.ts
entry.client.tsx
entry.server.tsx
.client modules
.server modules
Data Routers
HydratedRouter
RouterProvider
StaticRouterProvider
createBrowserRouter
createHashRouter
createMemoryRouter
createStaticRouter
Declarative Routers
BrowserRouter
HashRouter
MemoryRouter
Router
StaticRouter
HistoryRouter
Utils
IsCookieFunction
IsSessionFunction
createContext
🧪
createCookie
createCookieSessionStorage
createMemorySessionStorage
createPath
createRoutesFromElements
createRoutesStub
createSearchParams
createStaticHandler
data
generatePath
href
isCookie
isRouteErrorResponse
isSession
matchPath
matchRoutes
parsePath
redirect
redirectDocument
renderMatches
replace
resolvePath
Tutorials
Quick Start
Address Book
How-Tos
Accessibility
Client Data
Error Boundaries
Error Reporting
Using Fetchers
File Route Conventions
File Uploads
Form Validation
HTTP Headers
Middleware
🧪
Navigation Blocking
Pre-Rendering
Presets
Resource Routes
Route Module Type Safety
Security
Server Bundles
Single Page App (SPA)
Status Codes
Streaming with Suspense
View Transitions
Explanations
Backend For Frontend
Automatic Code Splitting
Network Concurrency Management
Form vs. fetcher
Hot Module Replacement
Index Query Param
Lazy Route Discovery
Progressive Enhancement
Race Conditions
Sessions and Cookies
State Management
Type Safety
Community
API Development Strategy
Contributing
Changelog
Getting Started
Picking a Mode
Framework Mode
Installation
Routing
Route Module
Rendering Strategies
Data Loading
Actions
Navigating
Pending UI
Testing
Deploying
Data Mode
Installation
Routing
Route Object
Data Loading
Actions
Navigating
Pending UI
Custom Framework
Testing
Declarative Mode
Installation
Routing
Navigating
URL Values
Upgrading
Future Flags
Upgrading from v6
Upgrading from Remix
Framework Adoption from Component Routes
Framework Adoption from RouterProvider
API
Components
Await
Form
Link
Links
Meta
NavLink
Navigate
Outlet
PrefetchPageLinks
Route
Routes
Scripts
ScrollRestoration
ServerRouter
Hooks
useActionData
useAsyncError
useAsyncValue
useBeforeUnload
useBlocker
useFetcher
useFetchers
useFormAction
useHref
useInRouterContext
useLinkClickHandler
useLoaderData
useLocation
useMatch
useMatches
useNavigate
useNavigation
useNavigationType
useOutlet
useOutletContext
useParams
usePrompt
🧪
useResolvedPath
useRevalidator
useRouteError
useRouteLoaderData
useRoutes
useSearchParams
useSubmit
useViewTransitionState
Framework Conventions
root.tsx
routes.ts
react-router.config.ts
entry.client.tsx
entry.server.tsx
.client modules
.server modules
Data Routers
HydratedRouter
RouterProvider
StaticRouterProvider
createBrowserRouter
createHashRouter
createMemoryRouter
createStaticRouter
Declarative Routers
BrowserRouter
HashRouter
MemoryRouter
Router
StaticRouter
HistoryRouter
Utils
IsCookieFunction
IsSessionFunction
createContext
🧪
createCookie
createCookieSessionStorage
createMemorySessionStorage
createPath
createRoutesFromElements
createRoutesStub
createSearchParams
createStaticHandler
data
generatePath
href
isCookie
isRouteErrorResponse
isSession
matchPath
matchRoutes
parsePath
redirect
redirectDocument
renderMatches
replace
resolvePath
Tutorials
Quick Start
Address Book
How-Tos
Accessibility
Client Data
Error Boundaries
Error Reporting
Using Fetchers
File Route Conventions
File Uploads
Form Validation
HTTP Headers
Middleware
🧪
Navigation Blocking
Pre-Rendering
Presets
Resource Routes
Route Module Type Safety
Security
Server Bundles
Single Page App (SPA)
Status Codes
Streaming with Suspense
View Transitions
Explanations
Backend For Frontend
Automatic Code Splitting
Network Concurrency Management
Form vs. fetcher
Hot Module Replacement
Index Query Param
Lazy Route Discovery
Progressive Enhancement
Race Conditions
Sessions and Cookies
State Management
Type Safety
Community
API Development Strategy
Contributing
Copy Page
Copy Page
Copy Page as Markdown
Edit Page
Edit this page on Github
On this page
Summary
Signature
Params
routes
opts
On this page
Summary
Signature
Params
routes
opts
createBrowserRouter
Framework
Data
Declarative
Summary
Reference Documentation ↗
Signature
createBrowserRouter
(
routes
,
opts
):
DataRouter
Params
routes
No documentation
opts
No documentation
Brand Assets
•
Docs and examples
CC 4.0
Edit
