useRefGetAndSet.js

function useRefGetAndSet(value) {
	const ref = React.useRef(value);

	const getRef = React.useCallback(() => ref.current, []);
	const setRef = React.useCallback((newValue) => {
		ref.current = newValue;
	}, []);

	// Optional: sync value every render
	useLayoutEffect(() => {
		setRef(value);
	});

	return [getRef, setRef];
}