From ee253ea4f1a0baae9819f64ed19077454346ef42 Mon Sep 17 00:00:00 2001
From: mickr777 <115216705+mickr777@users.noreply.github.com>
Date: Thu, 13 Jul 2023 19:35:19 +1000
Subject: [PATCH] add useCallback

---
 .../features/nodes/components/ui/ClearNodesButton.tsx  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/ui/ClearNodesButton.tsx b/invokeai/frontend/web/src/features/nodes/components/ui/ClearNodesButton.tsx
index 22845dd362..c5de45a826 100644
--- a/invokeai/frontend/web/src/features/nodes/components/ui/ClearNodesButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/ui/ClearNodesButton.tsx
@@ -13,9 +13,9 @@ import { makeToast } from 'app/components/Toaster';
 import { RootState } from 'app/store/store';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import IAIIconButton from 'common/components/IAIIconButton';
-import { clearNodes } from 'features/nodes/store/nodesSlice';
+import { nodeEditorReset } from 'features/nodes/store/nodesSlice';
 import { addToast } from 'features/system/store/systemSlice';
-import { memo, useRef } from 'react';
+import { memo, useRef, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaTrash } from 'react-icons/fa';
 
@@ -27,8 +27,8 @@ const ClearNodesButton = () => {
 
   const nodes = useAppSelector((state: RootState) => state.nodes.nodes);
 
-  const handleConfirmClear = () => {
-    dispatch(clearNodes());
+  const handleConfirmClear = useCallback(() => {
+    dispatch(nodeEditorReset());
 
     dispatch(
       addToast(
@@ -40,7 +40,7 @@ const ClearNodesButton = () => {
     );
 
     onClose();
-  };
+  }, [dispatch, t, onClose]);
 
   return (
     <>