Caution
This class has been deprecated and will be removed in the next major version of TanStack Router. Please use the createRoute function instead.
The Route class implements the RouteApi class and can be used to create route instances. A route instance can then be used to create a route tree.
The Route constructor accepts an object as its only argument.
A new Route instance.
import { Route } from '@tanstack/react-router'
import { rootRoute } from './__root'
const indexRoute = new Route({
getParentRoute: () => rootRoute,
path: '/',
loader: () => {
return 'Hello World'
},
component: IndexComponent,
})
function IndexComponent() {
const data = indexRoute.useLoaderData()
return <div>{data}</div>
}
import { Route } from '@tanstack/react-router'
import { rootRoute } from './__root'
const indexRoute = new Route({
getParentRoute: () => rootRoute,
path: '/',
loader: () => {
return 'Hello World'
},
component: IndexComponent,
})
function IndexComponent() {
const data = indexRoute.useLoaderData()
return <div>{data}</div>
}
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.