feat: masks, properties refactor, shaders, storage migrations, and more

1 files changed, 5 insertions, 7 deletions

diff --git a/apps/web/src/hooks/use-file-upload.ts b/apps/web/src/hooks/use-file-upload.ts
index 19badd98..d174e002 100644
--- a/apps/web/src/hooks/use-file-upload.ts
+++ b/apps/web/src/hooks/use-file-upload.ts
@@ -4,7 +4,7 @@ import { hasDragData } from "@/lib/drag-data";
 interface UseFileUploadOptions {
 	accept?: string;
 	multiple?: boolean;
-	onFilesSelected?: (files: FileList) => void;
+	onFilesSelected?: (files: File[]) => void;
 }
 
 function containsFiles(dataTransfer: DataTransfer): boolean {
@@ -29,8 +29,8 @@ export function useFileUpload({
 	}
 
 	function handleFileChange(event: React.ChangeEvent<HTMLInputElement>) {
-		const files = event.target.files;
-		if (files && files.length > 0 && onFilesSelected) {
+		const files = Array.from(event.target.files ?? []);
+		if (files.length > 0 && onFilesSelected) {
 			onFilesSelected(files);
 		}
 
@@ -71,15 +71,13 @@ export function useFileUpload({
 		dragCounterRef.current = 0;
 
 		if (onFilesSelected && containsFiles(e.dataTransfer)) {
-			const files = e.dataTransfer.files;
+			const files = Array.from(e.dataTransfer.files);
 			const shouldUseMultiple = multiple ?? false;
 
 			if (shouldUseMultiple) {
 				onFilesSelected(files);
 			} else if (files.length > 0) {
-				const dataTransfer = new DataTransfer();
-				dataTransfer.items.add(files[0]);
-				onFilesSelected(dataTransfer.files);
+				onFilesSelected([files[0]]);
 			}
 		}
 	}