36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import { Outlet, createRootRouteWithContext } from '@tanstack/react-router'
|
|
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
|
|
import { TanstackDevtools } from '@tanstack/react-devtools'
|
|
|
|
import Header from '../components/Header'
|
|
|
|
import TanStackQueryDevtools from '../integrations/tanstack-query/devtools'
|
|
|
|
import type { QueryClient } from '@tanstack/react-query'
|
|
|
|
interface MyRouterContext {
|
|
queryClient: QueryClient
|
|
}
|
|
|
|
export const Route = createRootRouteWithContext<MyRouterContext>()({
|
|
component: () => {
|
|
return (
|
|
<>
|
|
<Header />
|
|
<Outlet />
|
|
<TanstackDevtools
|
|
config={{
|
|
position: 'bottom-left',
|
|
}}
|
|
plugins={[
|
|
{
|
|
name: 'Tanstack Router',
|
|
render: <TanStackRouterDevtoolsPanel />,
|
|
},
|
|
TanStackQueryDevtools,
|
|
]}
|
|
/>
|
|
</>
|
|
)
|
|
},
|
|
})
|