Function mountReactRouterApp

frontend/src/react/app/mountApp.ts:10–26

(selector: string)

// global overlays (Toaster, AgentWindow, SessionExpiredSurface, Watermark)
// live in RootLayout, so this one root hosts everything.
export async function mountReactRouterApp(selector: string) {
  const container = document.querySelector(selector);
  if (!container) {
    throw new Error(`mountReactRouterApp: missing container ${selector}`);
  }
  const loader = appRootLoaders["./AppRoot.tsx"] as
    | (() => Promise<Record<string, unknown>>)
    | undefined;
  if (!loader) {
    throw new Error("mountReactRouterApp: AppRoot loader not registered");
  }
  const [deps, mod] = await Promise.all([loadCoreDeps(), loader()]);
  const AppRoot = mod.AppRoot as ReactComponent;
  const root = deps.createRoot(container);
  root.render(buildTree(deps, AppRoot));
  return root;
}