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

GitOrigin-RevId: 4a7c409a9720eab04fc17e5111b6a3aeeac6871d

services/web/frontend/js/features/ide-react/hooks/use-has-linting-error.ts

@@ -1,12 +1,19 @@
 import useEventListener from '@/shared/hooks/use-event-listener'
 import { useLocalCompileContext } from '@/shared/context/local-compile-context'
+import { useCallback } from 'react'
 
 export function useHasLintingError() {
   const { setHasLintingError } = useLocalCompileContext()
 
   // Listen for editor:lint event from CM6 linter and keep compile context
   // up to date
-  useEventListener('editor:lint', (event: CustomEvent) => {
-    setHasLintingError(event.detail.hasLintingError)
-  })
+  useEventListener(
+    'editor:lint',
+    useCallback(
+      (event: CustomEvent) => {
+        setHasLintingError(event.detail.hasLintingError)
+      },
+      [setHasLintingError]
+    )
+  )
 }