From f2c88d9d782ec18d2356c55ef9c26e20cd12db8d Mon Sep 17 00:00:00 2001
From: angelo <angelopiletti@gmail.com>
Date: Wed, 15 Nov 2023 04:20:56 +0100
Subject: [PATCH] fix: :bug: redo imports and manage tick

---
 src/runtime/components/ExcalidrawBoard.vue | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/runtime/components/ExcalidrawBoard.vue b/src/runtime/components/ExcalidrawBoard.vue
index 140b906..ebfa8e6 100644
--- a/src/runtime/components/ExcalidrawBoard.vue
+++ b/src/runtime/components/ExcalidrawBoard.vue
@@ -1,30 +1,27 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import React from 'react'
+import { type Root } from 'react-dom/client'
 import type { Ref } from 'vue'
 import type { ExcalidrawProps } from '@excalidraw/excalidraw/types/types'
+import { nextTick } from 'vue'
 
 export interface Props extends ExcalidrawProps {}
 
 const props = defineProps<Props>()
 
 const excalidrawRef: Ref<HTMLDivElement | null> = ref(null)
-let root: null | any = null
+let root: null | Root = null
 
-onMounted(async () => {
+onMounted( () => {
+  nextTick(async () => {
   if (excalidrawRef.value) {
     root = (await import('react-dom/client')).createRoot(excalidrawRef.value)
+    const Excalidraw = (await import('@excalidraw/excalidraw')).Excalidraw
 
-    let _Excalidraw: any
-    const Excalidraw = await import('@excalidraw/excalidraw')
-
-    if (Excalidraw.default)
-      _Excalidraw = Excalidraw.default
-    else
-      _Excalidraw = Excalidraw.Excalidraw
-
-    root.render(React.createElement(_Excalidraw, props as any))
+    root.render(React.createElement(Excalidraw, props as any))
   }
+  })
 })
 
 onBeforeUnmount(() => {