import { StrictMode } from "react";
import { createRoot, hydrateRoot } from "react-dom/client";
import { App } from "./App";
import "./styles.css";

const root = document.getElementById("root")!;
const app = (
  <StrictMode>
    <App />
  </StrictMode>
);

// The built page already holds its real HTML (see scripts/prerender.mjs): attach to it. In dev the root is empty, so render fresh.
if (root.hasChildNodes()) hydrateRoot(root, app);
else createRoot(root).render(app);