use-callback-ref

An custom useCallback hook which returns a continuously updating ref object. This means the callback ref will always be the latest function. This can be useful for things like event handlers so you don't need to unsubscribe/resubscribe each time the callback updates.

Usage

1import { useCallbackRef } from 'use-callback-ref';
2
3const ref = useCallbackRef(() => {
4}, []);
5
6// this is just an example
7useEffect(() => {
8  // in this case if we were using a normal callback
9  // we would have to unsubscribe and re-subscribe each time the handler updates
10  // however with a callback ref we can simply call the function contained in the
11  // ref, which will always be the latest one and we only have to subscribe once
12  return emitter.subscribe(() => {
13    ref.current();
14  });
15}, []);