first working version with using $state for nodes & edges

packages/svelte/src/lib/components/Handle/Handle.svelte

@@ -40,7 +40,7 @@
   );
 
   let store = useStore();
-  let { edges } = store;
+  // let { edges } = store;
 
   function onPointerDown(event: MouseEvent | TouchEvent) {
     const isMouseTriggered = isMouseEvent(event);
@@ -91,7 +91,8 @@
   $effect.pre(() => {
     // connectionLookup is not reactive, so we use edges to get notified about updates
     // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-    $edges;
+    // $edges;
+    store.edges;
     if (onconnect || ondisconnect) {
       let connections = store.connectionLookup.get(`${nodeId}-${type}-${handleId}`);