beautiful-react-hooks/esm/useDropZone.js

A collection of beautiful (and hopefully useful) React hooks to speed-up your components and hooks development

import { useState } from 'react';
import useDragEvents from './useDragEvents';
const useDropZone = (targetRef) => {
    const { onDrop, onDragOver, onDragLeave } = useDragEvents(targetRef, false);
    const [isOver, setIsOver] = useState(false);
    onDragOver((event) => {
        event.preventDefault();
        setIsOver(true);
    });
    onDragLeave(() => {
        setIsOver(false);
    });
    return Object.freeze({
        isOver,
        onDrop
    });
};
export default useDropZone;