react-beautiful-dnd-next/src/view/use-previous-ref.js

Beautiful and accessible drag and drop for lists with React

// @flow
import { useRef, useEffect } from 'react';

export default function usePrevious<T>(current: T): {| current: T |} {
  const ref = useRef<T>(current);

  // will be updated on the next render
  useEffect(() => {
    ref.current = current;
  });

  // return the existing current (pre render)
  return ref;
}