import {useState} from 'react';
import usePrevious from 'react-use-previous';

function useFoo () {

  const [value, setValue] = useState ( 0 );
  const prevValue = usePrevious ( value );

  useEffect ( () => {

    function update () {

      // This function is cached, since this useEffect has no dependencies and gets only executed when mounting and unmounting
      // But it can still access the previous value

      const nextValue = Math.random ();

      if ( nextValue !== prevValue.current ) setValue ( nextValue );

    }

    $(window).on ( 'resize', update );

    return () => $(window).off ( 'resize', update );

  }, [] );

  return value;

}