reverted useHandleConnections

packages/react/src/hooks/useHandleConnections.ts

@@ -12,7 +12,7 @@ import { useNodeId } from '../contexts/NodeIdContext';
 
 type useHandleConnectionsParams = {
   type: HandleType;
-  id?: string;
+  id?: string | null;
   nodeId?: string;
   onConnect?: (connections: Connection[]) => void;
   onDisconnect?: (connections: Connection[]) => void;
@@ -31,7 +31,7 @@ type useHandleConnectionsParams = {
  */
 export function useHandleConnections({
   type,
-  id,
+  id = null,
   nodeId,
   onConnect,
   onDisconnect,
@@ -42,7 +42,7 @@ export function useHandleConnections({
   const prevConnections = useRef<Map<string, HandleConnection> | null>(null);
 
   const connections = useStore(
-    (state) => state.connectionLookup.get(`${currentNodeId}${type ? (id ? `-${type}-${id}` : `-${type}`) : ''}`),
+    (state) => state.connectionLookup.get(`${currentNodeId}-${type}-${id}`),
     areConnectionMapsEqual
   );
 

packages/svelte/src/lib/hooks/useHandleConnections.ts

@@ -7,7 +7,7 @@ import { getContext } from 'svelte';
 export type useHandleConnectionsParams = {
   type: HandleType;
   nodeId?: string;
-  id?: string;
+  id?: string | null;
 };
 
 const initialConnections: HandleConnection[] = [];
@@ -21,7 +21,7 @@ const initialConnections: HandleConnection[] = [];
  * @param param.id - the handle id (this is only needed if the node has multiple handles of the same type)
  * @returns an array with connections
  */
-export function useHandleConnections({ type, nodeId, id }: useHandleConnectionsParams) {
+export function useHandleConnections({ type, nodeId, id = null }: useHandleConnectionsParams) {
   const { edges, connectionLookup } = useStore();
 
   const _nodeId = getContext<string>('svelteflow__node_id');
@@ -32,9 +32,7 @@ export function useHandleConnections({ type, nodeId, id }: useHandleConnectionsP
   return derived(
     [edges, connectionLookup],
     ([, connectionLookup], set) => {
-      const nextConnections = connectionLookup.get(
-        `${currentNodeId}${type ? (id ? `-${type}-${id}` : `-${type}`) : ''}`
-      );
+      const nextConnections = connectionLookup.get(`${currentNodeId}-${type}-${id || null}`);
 
       if (!areConnectionMapsEqual(nextConnections, prevConnections)) {
         prevConnections = nextConnections;