feat: support boot-ui

web/src/main.tsx

@@ -2,14 +2,17 @@ import { RouterProvider, createRouter } from "@tanstack/react-router";
 import ReactDOM from "react-dom/client";
 import { routeTree } from "./routeTree.gen";
 import "./index.css";
+import { TailwindIndicator } from "@/components/tailwind-indicator.tsx";
+import { Toaster } from "@/components/ui/sonner.tsx";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient();
 
-// Set up a Router instance
 const router = createRouter({
   routeTree,
   defaultPreload: "intent",
 });
 
-// Register things for typesafety
 declare module "@tanstack/react-router" {
   interface Register {
     router: typeof router;
@@ -20,5 +23,11 @@ const rootElement = document.getElementById("app") as HTMLElement;
 
 if (!rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement);
-  root.render(<RouterProvider router={router} />);
+  root.render(
+    <QueryClientProvider client={queryClient}>
+      <Toaster />
+      <RouterProvider router={router} />
+      <TailwindIndicator />
+    </QueryClientProvider>,
+  );
 }