@react-hookz/web/esm/useSyncedRef/useSyncedRef.js

React hooks done right, for browser and SSR.

import { useMemo, useRef } from 'react';
/**
 * Like `useRef`, but it returns immutable ref that contains actual value.
 *
 * @param value
 */
export function useSyncedRef(value) {
    var ref = useRef(value);
    ref.current = value;
    return useMemo(function () {
        return Object.freeze({
            get current() {
                return ref.current;
            },
        });
    }, []);
}