From c4dfcafc208f07ea818cd4caeac968701ad56d80 Mon Sep 17 00:00:00 2001
From: Gregory Douglas <gdouglas@palantir.com>
Date: Thu, 9 Jan 2025 15:58:11 -0500
Subject: [PATCH] Replace deprecated ReactDOM methods for docs-app

---
 packages/docs-app/src/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/docs-app/src/index.tsx b/packages/docs-app/src/index.tsx
index bd8effeab9..ff85ffcd9c 100644
--- a/packages/docs-app/src/index.tsx
+++ b/packages/docs-app/src/index.tsx
@@ -14,7 +14,7 @@
  */
 
 import * as React from "react";
-import * as ReactDOM from "react-dom";
+import * as ReactDOM from "react-dom/client";
 
 import { docsData } from "@blueprintjs/docs-data";
 import {
@@ -43,7 +43,8 @@ const tagRenderers = {
     reactExample: reactExample.render,
 };
 
-ReactDOM.render(
+const container = document.getElementById("blueprint-documentation");
+const root = ReactDOM.createRoot(container);
+root.render(
     <BlueprintDocs defaultPageId="blueprint" docs={docsData} tagRenderers={tagRenderers} useNextVersion={false} />,
-    document.querySelector("#blueprint-documentation"),
 );