import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import { App } from "./App";
import { UIProvider } from "@/components/ui/UIProvider";
import { watchExternalChanges } from "@/lib/repository";
import "./index.css";

// Synchronise plusieurs onglets du back-office ouverts côte à côte.
watchExternalChanges();

const container = document.getElementById("root");
if (!container) throw new Error("Élément #root introuvable dans index.html.");

createRoot(container).render(
  <StrictMode>
    <BrowserRouter>
      <UIProvider>
        <App />
      </UIProvider>
    </BrowserRouter>
  </StrictMode>,
);