Avoiding unexpected calls from useEffect on re-renders with useCallback and useRef approaches

The practice of put in place useCallback https://reactjs.org/docs/hooks-reference.html#usecallback is useful because guarantees that a function won't change unless its dependencies change, and making sure we can pass down that function to any other ...