A ref that triggers a rerender https://codesandbox.io/s/3q2nvl3vop

useStateRef.js

import { useState, useCallback } from 'react';

function useStateRef(initialValue) {
	const [ref, setState] = useState(initialValue)

	const callback = useCallback(
		ref => {
			setState(ref)
		},
		[ref, setState]
	)

	callback.current = ref

	return callback
}