Ensure that all callbacks for useEventListener are wrapped in useCallback (#22618)

GitOrigin-RevId: 4a7c409a9720eab04fc17e5111b6a3aeeac6871d

services/web/frontend/js/features/ide-react/context/editor-manager-context.tsx

@@ -617,17 +617,26 @@ export const EditorManagerProvider: FC = ({ children }) => {
     t,
   ])
 
-  useEventListener('editor:insert-symbol', () => {
-    sendMB('symbol-palette-insert')
-  })
+  useEventListener(
+    'editor:insert-symbol',
+    useCallback(() => {
+      sendMB('symbol-palette-insert')
+    }, [])
+  )
 
-  useEventListener('flush-changes', () => {
-    openDocs.flushAll()
-  })
+  useEventListener(
+    'flush-changes',
+    useCallback(() => {
+      openDocs.flushAll()
+    }, [openDocs])
+  )
 
-  useEventListener('blur', () => {
-    openDocs.flushAll()
-  })
+  useEventListener(
+    'blur',
+    useCallback(() => {
+      openDocs.flushAll()
+    }, [openDocs])
+  )
 
   // Flush changes before disconnecting
   useEffect(() => {

services/web/frontend/js/features/ide-react/context/references-context.tsx

@@ -101,9 +101,12 @@ export const ReferencesProvider: FC = ({ children }) => {
     }
   }, [eventEmitter, fileTreeData, indexReferencesIfDocModified])
 
-  useEventListener('reference:added', function () {
-    indexAllReferences(true)
-  })
+  useEventListener(
+    'reference:added',
+    useCallback(() => {
+      indexAllReferences(true)
+    }, [indexAllReferences])
+  )
 
   useEffect(() => {
     const handleProjectJoined = () => {