Fix caching of callbacks in useEditableValue

Concordium · Oct 30, 2024 · ceb05d2 · ceb05d2
1 parent 3155d01
commit ceb05d2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/browser-wallet/src/popup/popupX/shared/EditableValue/EditableValue.tsx b/packages/browser-wallet/src/popup/popupX/shared/EditableValue/EditableValue.tsx
@@ -8,15 +8,15 @@ export default function useEditableValue(current: string, fallback: string, onNe
     const onAbort = useCallback(() => {
         setIsEditing(false);
         setEdited(current);
-    }, []);
+    }, [current]);
     const onComplete = useCallback(() => {
         onNewValue(edited.trim());
         setIsEditing(false);
-    }, []);
+    }, [edited]);
     const onEdit = useCallback(() => {
         setEdited(current);
         setIsEditing(true);
-    }, []);
+    }, [current]);
     const onInputChange = (event: ChangeEvent<HTMLInputElement>) => {
         setEdited(event.target.value);
     };