chore: fix issue where drag and drop throws illegal invocation (#6145)

* chore: fix issue where drag and drop throws illegal invocation * Create dry-points-fold.md
aws-amplify · Nov 18, 2024 · 90ea18b · 90ea18b
1 parent 8703487
commit 90ea18b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/.changeset/dry-points-fold.md b/.changeset/dry-points-fold.md
@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react-core": patch
+---
+
+chore: fix issue where drag and drop throws illegal invocation
diff --git a/packages/react-core/src/utils/processDroppedItems.ts b/packages/react-core/src/utils/processDroppedItems.ts
@@ -48,13 +48,10 @@ export async function processDroppedItems(
   // Filter out and process files from the data transfer items
   await Promise.all(
     dataTransferItems
-      .reduce<FileSystemEntry[]>(
-        (acc, { kind, webkitGetAsEntry }) =>
-          kind === 'file' && webkitGetAsEntry()
-            ? [...acc, webkitGetAsEntry()!]
-            : acc,
-        []
-      )
+      .reduce<FileSystemEntry[]>((acc, item) => {
+        const entry = item.webkitGetAsEntry();
+        return item.kind === 'file' && entry ? [...acc, entry] : acc;
+      }, [])
       .map(processFileSystemEntry)
   );