33 lines
926 B
TypeScript
33 lines
926 B
TypeScript
import { Button, HStack, Stack } from "@chakra-ui/react";
|
|
import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
|
|
import React from "react";
|
|
|
|
const TanStackRouterDevtools =
|
|
process.env.NODE_ENV === "production"
|
|
? () => null // Render nothing in production
|
|
: React.lazy(() =>
|
|
// Lazy load in development
|
|
import("@tanstack/router-devtools").then((res) => ({
|
|
default: res.TanStackRouterDevtools,
|
|
// For Embedded Mode
|
|
// default: res.TanStackRouterDevtoolsPanel
|
|
})),
|
|
);
|
|
|
|
export const Route = createRootRoute({
|
|
component: () => (
|
|
<Stack padding={3}>
|
|
<HStack>
|
|
<Link to="/">
|
|
<Button>Home</Button>
|
|
</Link>
|
|
<Link to="/about">
|
|
<Button>About</Button>
|
|
</Link>
|
|
</HStack>
|
|
<hr style={{ padding: "4px" }} />
|
|
<Outlet />
|
|
<TanStackRouterDevtools />
|
|
</Stack>
|
|
),
|
|
});
|