import { Tracker } from 'meteor/tracker';
import { useEffect, useState } from 'react';

export const useReactiveValue = (getValue, deps = []) => {
	const [value, setValue] = useState(getValue);

	useEffect(() => {
		const computation = Tracker.autorun(() => {
			const newValue = getValue();
			setValue(() => newValue);
		});

		return () => {
			computation.stop();
		};
	}, deps);

	return value;
};