@react-hookz/web/dist/useSyncedRef/index.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) {
    const ref = useRef(value);
    ref.current = value;
    return useMemo(() => Object.freeze({
        get current() {
            return ref.current;
        },
    }), []);
}