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

GitOrigin-RevId: 4a7c409a9720eab04fc17e5111b6a3aeeac6871d
2025-01-09 09:05:00 +00:00
parent 49cc7890e4
commit aaeac2cd72
4 changed files with 40 additions and 18 deletions
@@ -37,9 +37,12 @@ export const PastedContentMenu: FC<{

  // record whether the Shift key is currently down, for use in the `paste` event handler
  const shiftRef = useRef(false)
-  useEventListener('keydown', (event: KeyboardEvent) => {
-    shiftRef.current = event.shiftKey
-  })
+  useEventListener(
+    'keydown',
+    useCallback((event: KeyboardEvent) => {
+      shiftRef.current = event.shiftKey
+    }, [])
+  )

  // track interaction events
  const trackedEventsRef = useRef<Record<string, boolean>>({