diff --git a/src/components/UploadBox.tsx b/src/components/UploadBox.tsx
index 451380e..a92dc85 100644
--- a/src/components/UploadBox.tsx
+++ b/src/components/UploadBox.tsx
@@ -7,7 +7,7 @@ import { CloseCircle } from 'iconsax-react'
 type Props = {
     label: string,
     isMultiple?: boolean,
-    onChange: (file: File[]) => void;
+    onChange?: (file: File[]) => void;
     isReset?: boolean;
 }
 
@@ -21,10 +21,10 @@ const UploadBox: FC<Props> = (props: Props) => {
             const array = [...files]
             array.push(acceptedFiles[0])
             setFiles(array)
-            props.onChange(array)
+            props.onChange && props.onChange(array)
         } else {
             setFiles([acceptedFiles[0]])
-            props.onChange([acceptedFiles[0]])
+            props.onChange && props.onChange([acceptedFiles[0]])
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [files])
@@ -34,7 +34,7 @@ const UploadBox: FC<Props> = (props: Props) => {
         const array = [...files]
         array.splice(index, 1)
         setFiles(array)
-        props.onChange(array)
+        props.onChange && props.onChange(array)
     }
 
     useEffect(() => {