import React from "react";
import { BrowserRouter } from "react-router-dom";
import { createRoot } from "react-dom/client";
import { App } from "./App";
import { ProvideApiClient } from "./hooks/use-api-client";
import { ProvideAuth } from "./hooks/use-auth";
import * as serviceWorker from "./serviceWorker";
import "./index.css";

const root = createRoot(document.getElementById("root")!);

root.render(
  <React.StrictMode>
    <ProvideAuth>
      <ProvideApiClient>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </ProvideApiClient>
    </ProvideAuth>
  </React.StrictMode>
);

serviceWorker.unregister();