34 lines
924 B
TypeScript
34 lines
924 B
TypeScript
|
import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
|
||
|
|
import { TanStackDevtools } from "@tanstack/react-devtools";
|
||
|
|
import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools";
|
||
|
|
import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
|
||
|
|
|
||
|
|
export const Route = createRootRoute({
|
||
|
|
component: () => (
|
||
|
|
<>
|
||
|
|
<div className="p-2 flex gap-2">
|
||
|
|
<Link to="/" className="[&.active]:font-bold">
|
||
|
|
Home
|
||
|
|
</Link>{" "}
|
||
|
|
<Link to="/about" className="[&.active]:font-bold">
|
||
|
|
About
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<hr />
|
||
|
|
<Outlet />
|
||
|
|
<TanStackDevtools
|
||
|
|
plugins={[
|
||
|
|
{
|
||
|
|
name: "TanStack Query",
|
||
|
|
render: <ReactQueryDevtoolsPanel />,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "TanStack Router",
|
||
|
|
render: <TanStackRouterDevtoolsPanel />,
|
||
|
|
},
|
||
|
|
]}
|
||
|
|
/>
|
||
|
|
</>
|
||
|
|
),
|
||
|
|
});
|