@base-ui-components/react/esm/utils/useLatestRef.js

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

'use client';

import * as React from 'react';
import { useEnhancedEffect } from './useEnhancedEffect.js';

/**
 * @ignore - internal hook.
 */
export function useLatestRef(value) {
  const ref = React.useRef(value);
  useEnhancedEffect(() => {
    ref.current = value;
  });
  return ref;
}