| 1 | import { Ssgoi } from "@ssgoi/react"; |
| 2 | import { hero } from "@ssgoi/react/view-transitions"; |
| 3 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; |
| 4 | import ReactDOM from "react-dom/client"; |
| 5 | import { BrowserRouter } from "react-router-dom"; |
| 6 | import { ThemeProvider } from "@/components/ThemeProvider"; |
| 7 | import App from "./App.tsx"; |
| 8 | import "./index.css"; |
| 9 | |
| 10 | const queryClient = new QueryClient(); |
| 11 | |
| 12 | ReactDOM.createRoot(document.getElementById("root")!).render( |
| 13 | <ThemeProvider> |
| 14 | <QueryClientProvider client={queryClient}> |
| 15 | <Ssgoi |
| 16 | config={{ |
| 17 | transitions: [ |
| 18 | { |
| 19 | from: "/", |
| 20 | to: "/server/*", |
| 21 | transition: hero(), |
| 22 | symmetric: true, |
| 23 | }, |
| 24 | ], |
| 25 | }} |
| 26 | > |
| 27 | <div style={{ position: "relative", minHeight: "100vh" }}> |
| 28 | <BrowserRouter> |
| 29 | <App /> |
| 30 | </BrowserRouter> |
| 31 | </div> |
| 32 | </Ssgoi> |
| 33 | </QueryClientProvider> |
| 34 | </ThemeProvider> |
| 35 | ); |