@modular-forms/react/dist/source/hooks/useLiveSignal.js

The modular and type-safe form library for React

import { useSignal, useComputed } from '@preact/signals-react';
/**
 * Signal hook that updates when the reference of the value argument changes.
 *
 * @param value A signal that may change.
 *
 * @returns A readonly signal.
 */
export function useLiveSignal(value) {
    const signal = useSignal(value);
    if (signal.peek() !== value)
        signal.value = value;
    return useComputed(() => signal.value.value);
}