From aaed8c721eaa16106044fcccffc346ea126add68 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 17 Apr 2025 16:40:50 +0200
Subject: [PATCH] fix type updateNode

---
 examples/svelte/src/routes/examples/overview/Flow.svelte  | 2 +-
 .../routes/examples/useupdatenodeinternals/Flow.svelte    | 1 -
 packages/svelte/src/lib/hooks/useSvelteFlow.svelte.ts     | 8 ++++----
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/examples/svelte/src/routes/examples/overview/Flow.svelte b/examples/svelte/src/routes/examples/overview/Flow.svelte
index 32daaf60..ab663728 100644
--- a/examples/svelte/src/routes/examples/overview/Flow.svelte
+++ b/examples/svelte/src/routes/examples/overview/Flow.svelte
@@ -145,7 +145,7 @@
 	let { updateNode } = $derived(useSvelteFlow());
 
 	function hideUnhide() {
-		updateNode('hideunhide', (node) => ({ ...node, hidden: !node.hidden }));
+		updateNode('hideunhide', (node) => ({ hidden: !node.hidden }));
 	}
 
 	// $inspect(edges);
diff --git a/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte b/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
index 72749dab..cc2cd3a7 100644
--- a/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
+++ b/examples/svelte/src/routes/examples/useupdatenodeinternals/Flow.svelte
@@ -56,7 +56,6 @@
 
 	const updateNodePosition = () => {
 		updateNode('1', (node) => ({
-			...node,
 			position: { x: node.position.x + 10, y: node.position.y }
 		}));
 	};
diff --git a/packages/svelte/src/lib/hooks/useSvelteFlow.svelte.ts b/packages/svelte/src/lib/hooks/useSvelteFlow.svelte.ts
index 3b2b06a7..5528e914 100644
--- a/packages/svelte/src/lib/hooks/useSvelteFlow.svelte.ts
+++ b/packages/svelte/src/lib/hooks/useSvelteFlow.svelte.ts
@@ -214,7 +214,7 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
   // ) => void;
   updateNode: (
     id: string,
-    nodeUpdate: Partial<NodeType> | ((node: NodeType) => NodeType),
+    nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>),
     options?: { replace: boolean }
   ) => void;
   /**
@@ -249,7 +249,7 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
    */
   updateEdge: (
     id: string,
-    edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => EdgeType),
+    edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => Partial<EdgeType>),
     options?: { replace: boolean }
   ) => void;
   toObject: () => { nodes: NodeType[]; edges: EdgeType[]; viewport: Viewport };
@@ -308,7 +308,7 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
 
   function updateNode(
     id: string,
-    nodeUpdate: Partial<NodeType> | ((node: NodeType) => NodeType),
+    nodeUpdate: Partial<NodeType> | ((node: NodeType) => Partial<NodeType>),
     options: { replace: boolean } = { replace: false }
   ) {
     store.nodes = untrack(() => store.nodes).map((node) => {
@@ -323,7 +323,7 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
 
   function updateEdge(
     id: string,
-    edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => EdgeType),
+    edgeUpdate: Partial<EdgeType> | ((edge: EdgeType) => Partial<EdgeType>),
     options: { replace: boolean } = { replace: false }
   ) {
     store.edges = untrack(() => store.edges).map((edge) => {