feat: support modern useEffectEvent (#9095)

* feat: support modern useEffectEvent

* chore: require callback

* fix: backwards compatibility

Author: nwidynski

packages/@react-aria/utils/src/useEffectEvent.ts

@@ -17,7 +17,10 @@ import {useLayoutEffect} from './useLayoutEffect';
 // before all layout effects, but is available only in React 18 and later.
 const useEarlyEffect = React['useInsertionEffect'] ?? useLayoutEffect;
 
-export function useEffectEvent<T extends Function>(fn?: T): T {
+// Starting with React 19.2, this hook has been internalized.
+const useModernEffectEvent = React['useEffectEvent'] ?? useLegacyEffectEvent;
+
+function useLegacyEffectEvent<T extends Function>(fn?: T): T {
   const ref = useRef<T | null | undefined>(null);
   useEarlyEffect(() => {
     ref.current = fn;
@@ -28,3 +31,7 @@ export function useEffectEvent<T extends Function>(fn?: T): T {
     return f?.(...args);
   }, []);
 }
+
+export function useEffectEvent<T extends Function>(fn: T): T {
+  return useModernEffectEvent(fn);
+}

packages/@react-aria/utils/src/useEvent.ts

@@ -11,7 +11,7 @@
  */
 
 import {RefObject} from '@react-types/shared';
-import {useEffect} from 'react';
+import {useCallback, useEffect} from 'react';
 import {useEffectEvent} from './useEffectEvent';
 
 export function useEvent<K extends keyof GlobalEventHandlersEventMap>(
@@ -20,7 +20,8 @@ export function useEvent<K extends keyof GlobalEventHandlersEventMap>(
   handler?: (this: Document, ev: GlobalEventHandlersEventMap[K]) => any,
   options?: boolean | AddEventListenerOptions
 ): void {
-  let handleEvent = useEffectEvent(handler);
+  let noop = useCallback(() => {}, []);
+  let handleEvent = useEffectEvent(handler ?? noop);
   let isDisabled = handler == null;
 
   useEffect(() => {