import { QueryClientProvider } from "@tanstack/react-query";
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter } from "react-router";

import { App } from "@/client/app";
import { ClientConfigProvider } from "@/client/lib/config-provider";
import { queryClient } from "@/client/lib/query";
import "@/client/styles/app.css";

const root = document.getElementById("root");
if (!root) {
  throw new Error("#root not found");
}

createRoot(root).render(
  <StrictMode>
    <BrowserRouter>
      <QueryClientProvider client={queryClient}>
        <ClientConfigProvider>
          <App />
        </ClientConfigProvider>
      </QueryClientProvider>
    </BrowserRouter>
  </StrictMode>,
);