From 10e0bb373af1437f204ebb7fb4eb87b1b395035d Mon Sep 17 00:00:00 2001
From: Sohnenko Ellina <stud160627@vyatsu.ru>
Date: Thu, 4 Jun 2026 09:34:02 +0300
Subject: [PATCH] =?UTF-8?q?=D1=80=D0=B5=D0=B0=D0=BB=D0=B8=D0=B7=D0=B0?=
 =?UTF-8?q?=D1=86=D0=B8=D1=8F=20=D1=83=D0=B4=D0=B0=D0=BB=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=8F=20=D0=B1=D0=BB=D0=BE=D0=BA=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.jsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/App.jsx b/src/App.jsx
index e68c527..334ad27 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -211,6 +211,14 @@ function App() {
     }, [flowInstance, setNodes]
   )
 
+  const onNodesDelete = useCallback((deletedNodes) => {
+    setNodes((nds) => nds.filter((node) => !deletedNodes.some((dn) => dn.id === node.id)))
+  }, [setNodes])
+
+  const onEdgesDelete = useCallback((deletedEdges) => {
+    setEdges((eds) => eds.filter((edge) => !deletedEdges.some((de) => de.id === edge.id)))
+  }, [setEdges])
+
   function handleSaveModalData(formData) {
     if (!modalData)
       return
@@ -947,6 +955,9 @@ function App() {
               onDrop = {onDrop}
               onDragOver = {onDragOver}
               isValidConnection = {isValidConnection}
+              onNodesDelete = {onNodesDelete}
+              onEdgesDelete = {onEdgesDelete}
+              deleteKeyCode = {["Delete", "Backspace"]}
               //fitView
             >
               <Controls/>