From 7161e9ec90d4329e54c279b1a740ce02bbfb51bb Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 3 Feb 2024 18:43:02 +0100
Subject: [PATCH] refactor(core): allow `null` instead of `undefined` as id for
 `useHandleConnections`

---
 .../core/src/composables/useHandleConnections.ts   | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/composables/useHandleConnections.ts b/packages/core/src/composables/useHandleConnections.ts
index 303bd3f3..502ebc80 100644
--- a/packages/core/src/composables/useHandleConnections.ts
+++ b/packages/core/src/composables/useHandleConnections.ts
@@ -9,8 +9,8 @@ import { useVueFlow } from './useVueFlow'
 
 interface UseHandleConnectionsParams {
   type: MaybeRefOrGetter<HandleType>
-  id?: MaybeRefOrGetter<string | undefined>
-  nodeId?: MaybeRefOrGetter<string | undefined>
+  id?: MaybeRefOrGetter<string | null>
+  nodeId?: MaybeRefOrGetter<string | null>
   onConnect?: (connections: Connection[]) => void
   onDisconnect?: (connections: Connection[]) => void
 }
@@ -35,13 +35,19 @@ export function useHandleConnections({
   onDisconnect,
 }: UseHandleConnectionsParams): ComputedRef<Connection[]> {
   const { connectionLookup } = useVueFlow()
+
   const _nodeId = useNodeId()
-  const currentNodeId = toRef(() => toValue(nodeId) || _nodeId)
+
+  const currentNodeId = toRef(() => toValue(nodeId) ?? _nodeId)
+
+  const handleType = toRef(() => toValue(type))
+
+  const handleId = toRef(() => toValue(id) ?? null)
 
   const connections = ref<Map<string, Connection>>()
 
   watch(
-    () => connectionLookup.value.get(`${currentNodeId.value}-${toValue(type)}-${toValue(id)}`),
+    () => connectionLookup.value.get(`${currentNodeId.value}-${handleType.value}-${handleId.value}`),
     (nextConnections) => {
       if (areConnectionMapsEqual(connections.value, nextConnections)) {
         return