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.

Empieza leyendo la sección enlazada de Hooks FAQ e inspeccionando el ejemplo de useEventCallback, especialmente sus dependencias de useLayoutEffect y useCallback. Confirma si el ejemplo se comporta como se documenta y, después, actualiza el ejemplo o su explicación para que el comportamiento previsto y los criterios de finalización queden claros.