message: fix: useDrag onDragLeave trigger when move to children element
diff: @@ -2,6 +2,7 @@ import useLatest from '../useLatest';
  import type { BasicTarget } from '../utils/domTarget';
  import { getTargetElement } from '../utils/domTarget';
  import useEffectWithTarget from '../utils/useEffectWithTarget';
  +import { useRef } from 'react';
  export interface Options {
  onFiles?: (files: File[], event?: React.DragEvent) => void;
  @@ -18,6 +19,9 @@ export interface Options {
  const useDrop = (target: BasicTarget, options: Options = {}) => {
  const optionsRef = useLatest(options);
  + // https://stackoverflow.com/a/26459269
  + const dragEnterTarget = useRef<any>();
  +
  useEffectWithTarget(
  () => {
  const targetElement = getTargetElement(target);
  @@ -62,6 +66,9 @@ const useDrop = (target: BasicTarget, options: Options = {}) => {
  const onDragEnter = (event: React.DragEvent) => {
  event.preventDefault();
  + event.stopPropagation();
  +
  + dragEnterTarget.current = event.target;
  optionsRef.current.onDragEnter?.(event);
  };
  @@ -71,7 +78,9 @@ const useDrop = (target: BasicTarget, options: Options = {}) => {
  };
  const onDragLeave = (event: React.DragEvent) => {
  + if (event.target === dragEnterTarget.current) {
  optionsRef.current.onDragLeave?.(event);
  + }
  };
  const onDrop = (event: React.DragEvent) => {
  