3dc3813266
Replace custom useApi/useAgents hooks with @tanstack/react-query. Add LiveUpdatesProvider for WebSocket-driven cache invalidation. Add queryKeys module for centralized cache key management. Rework all pages and dialogs to use React Query mutations and queries. Improve CompanyContext with query-based data fetching. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import { StrictMode } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { BrowserRouter } from "react-router-dom";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { App } from "./App";
|
|
import { CompanyProvider } from "./context/CompanyContext";
|
|
import { LiveUpdatesProvider } from "./context/LiveUpdatesProvider";
|
|
import { BreadcrumbProvider } from "./context/BreadcrumbContext";
|
|
import { PanelProvider } from "./context/PanelContext";
|
|
import { DialogProvider } from "./context/DialogContext";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import "./index.css";
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 30_000,
|
|
refetchOnWindowFocus: true,
|
|
},
|
|
},
|
|
});
|
|
|
|
createRoot(document.getElementById("root")!).render(
|
|
<StrictMode>
|
|
<QueryClientProvider client={queryClient}>
|
|
<CompanyProvider>
|
|
<LiveUpdatesProvider>
|
|
<BrowserRouter>
|
|
<TooltipProvider>
|
|
<BreadcrumbProvider>
|
|
<PanelProvider>
|
|
<DialogProvider>
|
|
<App />
|
|
</DialogProvider>
|
|
</PanelProvider>
|
|
</BreadcrumbProvider>
|
|
</TooltipProvider>
|
|
</BrowserRouter>
|
|
</LiveUpdatesProvider>
|
|
</CompanyProvider>
|
|
</QueryClientProvider>
|
|
</StrictMode>
|
|
);
|