useSignalRef.js

/**
 * useSignal, but works as a ref on DOM elements.
 * @template T
 * @param {T} value
 */
export function useSignalRef(value) {
	const ref = /** @type {Signal<T> & { current: T }} */ (useSignal(value));
	if (!('current' in ref)) Object.defineProperty(ref, 'current', refSignalProto);
	return ref;
}

const refSignalProto = {
	configurable: true,
	get() {
		return this.value;
	},
	set(v) {
		this.value = v;
	},
};