import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { App } from "./App";
import { BoardProvider } from "./app-state/BoardProvider";
import "./styles/app.css";

// The provider mounts above App, not inside it: a module cannot consume a
// context it provides in the same render, so an App that did both would need a
// child component for every read.
createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <BoardProvider>
      <App />
    </BoardProvider>
  </StrictMode>,
);