Custom React hook for fetching previous props & state values

Counter.jsx

/* Usage */
const Counter = ({ upperCount }) => {
  const [count, setCount] = useState(1);

  usePrevValues(
    {
      count,
      upperCount
    },
    prevValues => {
      if (prevValues.count + 1 === count) {
        console.log("state change");
      }

      if (prevValues.upperCount + 1 === upperCount) {
        console.log("prop change");
      }
    }
  );

  return (
    <>
      <div>upper count: {upperCount}</div>
      <div>inner count: {count}</div>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </>
  );
};

usePrevValues.js

const usePrevValues = (value, callback) => {
  const prevValues = useRef(value);

  useEffect(() => {
    callback(prevValues.current);
    return () => (prevValues.current = value);
  });
};