fix(useDropZone): ensure files ref is updated even without onDrop callback (#4168)

babu-ch · web-flow · commit 1c849e2c26b7 · 2024-08-24T15:55:08.000Z
diff --git a/packages/core/useDropZone/index.ts b/packages/core/useDropZone/index.ts
@@ -57,13 +57,15 @@ export function useDropZone(
       event.preventDefault()
       counter += 1
       isOverDropZone.value = true
-      _options.onEnter?.(getFiles(event), event)
+      const files = getFiles(event)
+      _options.onEnter?.(files, event)
     })
     useEventListener<DragEvent>(target, 'dragover', (event) => {
       if (!isDataTypeIncluded)
         return
       event.preventDefault()
-      _options.onOver?.(getFiles(event), event)
+      const files = getFiles(event)
+      _options.onOver?.(files, event)
     })
     useEventListener<DragEvent>(target, 'dragleave', (event) => {
       if (!isDataTypeIncluded)
@@ -72,13 +74,15 @@ export function useDropZone(
       counter -= 1
       if (counter === 0)
         isOverDropZone.value = false
-      _options.onLeave?.(getFiles(event), event)
+      const files = getFiles(event)
+      _options.onLeave?.(files, event)
     })
     useEventListener<DragEvent>(target, 'drop', (event) => {
       event.preventDefault()
       counter = 0
       isOverDropZone.value = false
-      _options.onDrop?.(getFiles(event), event)
+      const files = getFiles(event)
+      _options.onDrop?.(files, event)
     })
   }
 
