usePrevious hook for React to track data changes between renderings

usePrevious.js

import React from 'react';

export default function usePrevious(value) {
  const ref = React.useRef();

  React.useEffect(() => {
    ref.current = value;
  }, [value]);

  return ref.current;
}