Possible bug in hooks sample code

In this section:
https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback

  const handleSubmit = useEventCallback(() => {
    alert(text);
  }, [text]);

Where useEventCallback is:

function useEventCallback(fn, dependencies) {
  const ref = useRef(() => {
    throw new Error('Cannot call an event handler while rendering.');
  });

  useLayoutEffect(() => {
    ref.current = fn;
  }, [fn, ...dependencies]);

  return useCallback(() => {
    const fn = ref.current;
    return fn();
  }, [ref]);
}

Which means useLayoutEffect() is re-run each time fn changes.
Since fn in the example is re-created on each render it means that useLayoutEffect() always re-runs.
But at the same time the fn function can't be not created on each render because it depends on text which is re-defined on each render.

Inizia leggendo la sezione collegata della Hooks FAQ e analizzando l’esempio useEventCallback, in particolare le sue dipendenze di useLayoutEffect e useCallback. Verifica se l’esempio si comporta come documentato, quindi aggiorna l’esempio o la relativa spiegazione in modo che il comportamento previsto e i criteri di completamento siano chiari.