useConstantCallback.js

function useConstantCallback(fn) {
	// store a copy of the function
	const copyOfFunction = React.useRef(fn);

	// create a function that always has the same reference (won't trigger a useEffect)
	const alwaysTheSameFunction = React.useCallback(
		(...args) => copyOfFunction.current(...args),
		[],
	);

	// update the copy each render so it is scoped to the current state/props of that render
	React.useLayoutEffect(() => {
		copyOfFunction.current = fn;
	});

	return alwaysTheSameFunction;
}