React Hooks: useWindowDropZone.js drop dragover

useWindowDropZone.js

import { useEffect, useCallback } from 'react';

export default (args) => {
  const { onDrop } = args;

  const onDropCallback = useCallback((event) => {
    event.preventDefault();
    onDrop(event);
  }, [onDrop]);

  const onDragoverCallback = useCallback((event) => {
    event.preventDefault();
  }, []);

  useEffect(() => {
    window.addEventListener('drop', onDropCallback);
    window.addEventListener('dragover', onDragoverCallback);
    return () => {
      window.removeEventListener('drop', onDropCallback);
      window.removeEventListener('dragover', onDragoverCallback);
    };
  }, [onDropCallback, onDragoverCallback]);
};