@react-aria/utils 3.29.1 → 3.30.1

package/src/useEffectEvent.ts

@@ -10,12 +10,16 @@
  * governing permissions and limitations under the License.
  */
 
-import {useCallback, useRef} from 'react';
+import React, {useCallback, useRef} from 'react';
 import {useLayoutEffect} from './useLayoutEffect';
 
+// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
+// 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 {
   const ref = useRef<T | null | undefined>(null);
-  useLayoutEffect(() => {
+  useEarlyEffect(() => {
     ref.current = fn;
   }, [fn]);
   // @ts-ignore

package/src/useFormReset.ts

@@ -11,7 +11,7 @@
  */
 
 import {RefObject} from '@react-types/shared';
-import {useEffect, useRef} from 'react';
+import {useEffect} from 'react';
 import {useEffectEvent} from './useEffectEvent';
 
 export function useFormReset<T>(
@@ -19,15 +19,15 @@ export function useFormReset<T>(
   initialValue: T,
   onReset: (value: T) => void
 ): void {
-  let resetValue = useRef(initialValue);
   let handleReset = useEffectEvent(() => {
     if (onReset) {
-      onReset(resetValue.current);
+      onReset(initialValue);
     }
   });
 
   useEffect(() => {
     let form = ref?.current?.form;
+
     form?.addEventListener('reset', handleReset);
     return () => {
       form?.removeEventListener('reset', handleReset);

package/src/useLayoutEffect.ts

@@ -15,6 +15,6 @@ import React from 'react';
 // During SSR, React emits a warning when calling useLayoutEffect.
 // Since neither useLayoutEffect nor useEffect run on the server,
 // we can suppress this by replace it with a noop on the server.
-export const useLayoutEffect = typeof document !== 'undefined'
+export const useLayoutEffect: typeof React.useLayoutEffect = typeof document !== 'undefined'
   ? React.useLayoutEffect
   : () => {};

package/src/useLoadMoreSentinel.ts

@@ -28,7 +28,7 @@ export interface LoadMoreSentinelProps extends Omit<AsyncLoadable, 'isLoading'>
   scrollOffset?: number
 }
 
-export function UNSTABLE_useLoadMoreSentinel(props: LoadMoreSentinelProps, ref: RefObject<HTMLElement | null>): void {
+export function useLoadMoreSentinel(props: LoadMoreSentinelProps, ref: RefObject<HTMLElement | null>): void {
   let {collection, onLoadMore, scrollOffset = 1} = props;
 
   let sentinelObserver = useRef<IntersectionObserver>(null);