diff --git a/web/src/routes/Event.jsx b/web/src/routes/Event.jsx
index 5baaa0ca1..b05bb7b01 100644
--- a/web/src/routes/Event.jsx
+++ b/web/src/routes/Event.jsx
@@ -75,7 +75,7 @@ export default function Event({ eventId, close, scrollRef }) {
     };
   }, [data, scrollRef, eventId, shouldScroll]);
 
-  const handleClickRetain = () => {
+  const handleClickRetain = useCallback(async () => {
     let success;
     try {
       success = await setRetainEvent(eventId);
@@ -83,7 +83,7 @@ export default function Event({ eventId, close, scrollRef }) {
     } catch (e) {
       setRetainStatus(FetchStatus.ERROR);
     }
-  };
+  }, [eventId, setRetainEvent]);
 
   const handleClickDelete = () => {
     setShowDialog(true);