fix: 🐛 import react dom on node

AngeloSchulerPiletti · Nov 15, 2023 · 9717ec7 · 9717ec7
1 parent d196ae0
commit 9717ec7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/runtime/components/ExcalidrawBoard.vue b/src/runtime/components/ExcalidrawBoard.vue
@@ -12,10 +12,12 @@ const props = defineProps<Props>()
 const excalidrawRef: Ref<HTMLDivElement | null> = ref(null)
 let root: null | Root = null
 
+const ReactDOMClient = await import('react-dom/client')
+
 onMounted(() => {
   nextTick(async () => {
     if (excalidrawRef.value) {
-      root = (await import('react-dom/client')).createRoot(excalidrawRef.value)
+      root = ReactDOMClient.createRoot(excalidrawRef.value)
       const Excalidraw = (await import('@excalidraw/excalidraw')).Excalidraw
 
       root.render(React.createElement(Excalidraw, props as any))