Add useEffectEvent shim for easier strictmode development (#4345)

* Add useEffectEvent shim for easier strictmode development

Author: snowystinger

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

@@ -34,3 +34,4 @@ export {useValueEffect} from './useValueEffect';
 export {scrollIntoView, scrollIntoViewport} from './scrollIntoView';
 export {clamp, snapValueToStep} from '@react-stately/utils';
 export {isVirtualClick, isVirtualPointerEvent} from './isVirtualEvent';
+export {useEffectEvent} from './useEffectEvent';

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

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {useCallback, useRef} from 'react';
+import {useLayoutEffect} from './useLayoutEffect';
+
+export function useEffectEvent(fn) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    ref.current = fn;
+  }, [fn]);
+  return useCallback((...args) => {
+    const f = ref.current;
+    return f(...args);
+  }, []);
+}