diff --git a/frontend/src/components/ImageUploadFileModal/ImageUploadFileForm.tsx b/frontend/src/components/ImageUploadFileModal/ImageUploadFileForm.tsx
index d90e45e..916d223 100644
--- a/frontend/src/components/ImageUploadFileModal/ImageUploadFileForm.tsx
+++ b/frontend/src/components/ImageUploadFileModal/ImageUploadFileForm.tsx
@@ -13,7 +13,7 @@ export default function ImageUploadFileForm({
   folderId,
 }: {
   onClose: () => void;
-  onRefetch: () => void;
+  onRefetch?: () => void;
   onFileCount: (fileCount: number) => void;
   projectId: number;
   folderId: number;
@@ -34,6 +34,12 @@ export default function ImageUploadFileForm({
     onClose();
   };
 
+  const handleRefetch = () => {
+    if (onRefetch) {
+      onRefetch();
+    }
+  };
+
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const newFiles = event.target.files;
 
@@ -82,7 +88,7 @@ export default function ImageUploadFileForm({
       },
       {
         onSuccess: () => {
-          onRefetch();
+          handleRefetch();
           setIsUploaded(true);
         },
         onError: () => {
diff --git a/frontend/src/components/ImageUploadFolderModal/ImageUploadFolderForm.tsx b/frontend/src/components/ImageUploadFolderModal/ImageUploadFolderForm.tsx
index 754d648..aaaae3a 100644
--- a/frontend/src/components/ImageUploadFolderModal/ImageUploadFolderForm.tsx
+++ b/frontend/src/components/ImageUploadFolderModal/ImageUploadFolderForm.tsx
@@ -12,7 +12,7 @@ export default function ImageUploadFolderForm({
   folderId,
 }: {
   onClose: () => void;
-  onRefetch: () => void;
+  onRefetch?: () => void;
   projectId: number;
   folderId: number;
 }) {
@@ -32,6 +32,12 @@ export default function ImageUploadFolderForm({
     onClose();
   };
 
+  const handleRefetch = () => {
+    if (onRefetch) {
+      onRefetch();
+    }
+  };
+
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const newFiles = event.target.files;
 
@@ -75,7 +81,7 @@ export default function ImageUploadFolderForm({
       },
       {
         onSuccess: () => {
-          onRefetch;
+          handleRefetch();
           setIsUploaded(true);
         },
         onError: () => {
diff --git a/frontend/src/components/ImageUploadZipModal/ImageUploadZipForm.tsx b/frontend/src/components/ImageUploadZipModal/ImageUploadZipForm.tsx
index 19a5054..de2ae79 100644
--- a/frontend/src/components/ImageUploadZipModal/ImageUploadZipForm.tsx
+++ b/frontend/src/components/ImageUploadZipModal/ImageUploadZipForm.tsx
@@ -12,7 +12,7 @@ export default function ImageUploadZipForm({
   folderId,
 }: {
   onClose: () => void;
-  onRefetch: () => void;
+  onRefetch?: () => void;
   projectId: number;
   folderId: number;
 }) {
@@ -32,6 +32,12 @@ export default function ImageUploadZipForm({
     onClose();
   };
 
+  const handleRefetch = () => {
+    if (onRefetch) {
+      onRefetch();
+    }
+  };
+
   const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const newFiles = event.target.files;
 
@@ -76,7 +82,7 @@ export default function ImageUploadZipForm({
         },
         {
           onSuccess: () => {
-            onRefetch();
+            handleRefetch();
             setIsUploaded(true);
           },
           onError: () => {