refactor(core): change nodeEl and edgeEl type to allow ref(null)

packages/core/src/components/Edges/EdgeWrapper.ts

@@ -51,7 +51,7 @@ const EdgeWrapper = defineComponent({
 
     const edgeUpdaterType = ref<HandleType>('source')
 
-    const edgeEl = ref<SVGElement>()
+    const edgeEl = ref<SVGElement | null>(null)
 
     provide(EdgeId, props.id)
     provide(EdgeRef, edgeEl)

packages/core/src/components/Handle/Handle.vue

@@ -95,7 +95,7 @@ until(() => node.initialized)
 
     const viewportNode = vueFlowRef.value.querySelector('.vue-flow__transformationpane')
 
-    if (!nodeEl || !handle.value || !viewportNode || !handleId.value) {
+    if (!nodeEl.value || !handle.value || !viewportNode || !handleId.value) {
       return
     }
 

packages/core/src/components/Nodes/NodeWrapper.ts

@@ -64,7 +64,7 @@ const NodeWrapper = defineComponent({
 
     const connectedEdges = computed(() => getConnectedEdges([node.value], edges.value))
 
-    const nodeElement = ref<HTMLDivElement>()
+    const nodeElement = ref<HTMLDivElement | null>(null)
 
     provide(NodeRef, nodeElement)
 

packages/core/src/components/NodesSelection/NodesSelection.vue

@@ -7,7 +7,7 @@ const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y,
 
 const updatePositions = useUpdateNodePositions()
 
-const el = ref<HTMLDivElement>()
+const el = ref<HTMLDivElement | null>(null)
 
 const dragging = useDrag({
   el,