highcharts · bensaufley · Nov 21, 2025 · Nov 21, 2025
diff --git a/Gantt.js b/Gantt.js
diff --git a/Highcharts.js b/Highcharts.js
diff --git a/Maps.js b/Maps.js
diff --git a/Stock.js b/Stock.js
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
   },
   "peerDependencies": {
     "@types/react": ">=18",
+    "@types/react-dom": ">=18",
     "react": ">=18",
     "react-dom": ">=18",
     "highcharts": ">=12.0.0"

diff --git a/renderToStaticMarkup.ts b/renderToStaticMarkup.ts
@@ -0,0 +1,17 @@
+import type { ReactElement } from "react";
+import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
+
+/**
+ * Mimics react-dom/server's renderToStaticMarkup method for client environments,
+ * as suggested by React docs:
+ * https://react.dev/reference/react-dom/server/renderToString#removing-rendertostring-from-the-client-code
+ */
+export default function renderToStaticMarkup(element: ReactElement): string {
+  const div = document.createElement("div");
+  const root = createRoot(div);
+  flushSync(() => {
+    root.render(element);
+  });
+  return div.innerHTML;
+}