From 3af9d99ee480a9acac95432d82ea49ba9bcc9a73 Mon Sep 17 00:00:00 2001 From: Arne Keller Date: Tue, 15 Apr 2025 23:39:41 +0200 Subject: [PATCH] docs: fix Browser integration example React import --- dev-docs/docs/@excalidraw/excalidraw/integration.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/dev-docs/docs/@excalidraw/excalidraw/integration.mdx b/dev-docs/docs/@excalidraw/excalidraw/integration.mdx index 117877b75..9578be141 100644 --- a/dev-docs/docs/@excalidraw/excalidraw/integration.mdx +++ b/dev-docs/docs/@excalidraw/excalidraw/integration.mdx @@ -208,7 +208,7 @@ import TabItem from "@theme/TabItem"; // See https://www.npmjs.com/package/@excalidraw/excalidraw documentation. import * as ExcalidrawLib from 'https://esm.sh/@excalidraw/excalidraw@0.18.0/dist/dev/index.js?external=react,react-dom'; import React from "https://esm.sh/react@19.0.0"; -import ReactDOM from "https://esm.sh/react-dom@19.0.0" +import { createRoot } from "https://esm.sh/react-dom@19.0.0/client"; window.ExcalidrawLib = ExcalidrawLib; console.log("Excalidraw library", ExcalidrawLib); @@ -228,7 +228,7 @@ const App = () => { }; const excalidrawWrapper = document.getElementById("app"); -const root = ReactDOM.createRoot(excalidrawWrapper); +const root = createRoot(excalidrawWrapper); root.render(React.createElement(App)); ```