Updates

components/form/FileUpload.tsx

@@ -1,11 +1,15 @@
 import Button from "../layout/Button";
 import Stack from "../layout/Stack";
 import { FileArchive, FilePlus2, X } from "lucide-react";
-import React, { ComponentProps, DetailedHTMLProps, ReactNode } from "react";
+import React, {
+    type ComponentProps,
+    type DetailedHTMLProps,
+    type ReactNode,
+} from "react";
 import Card from "../elements/Card";
 import Span from "../layout/Span";
 import Center from "../layout/Center";
-import { FileInputToBase64FunctionReturn } from "../utils/form/fileInputToBase64";
+import type { FileInputToBase64FunctionReturn } from "../utils/form/fileInputToBase64";
 import { twMerge } from "tailwind-merge";
 import fileInputToBase64 from "../utils/form/fileInputToBase64";
 import Row from "../layout/Row";
@@ -149,7 +153,7 @@ export default function FileUpload({
                             for (let i = 0; i < files.length; i++) {
                                 const file = files[i];
                                 const fileObj = await fileInputToBase64({
-                                    inputFile: file,
+                                    inputFile: file!,
                                 });
                                 filesArr.push(fileObj);
                             }
@@ -330,7 +334,7 @@ export default function FileUpload({
                                 }
                             });
                         } else {
-                            inputFile = e.dataTransfer.files?.[0];
+                            inputFile = e.dataTransfer.files?.[0]!;
                         }
 
                         if (!inputFile) return;