increase React UI file limit to 50mb, fix #446

Author: rsxdalv

README.md

@@ -86,6 +86,9 @@
 
 ## Changelog
 
+June 26:
+* Fix React UI file size limit of 4MB, now 50MB. Thanks https://github.com/SuperFurias ! (#446)
+
 June 20:
 * Upgrade Chatterbox to enable compilation for 2-4x speedup.
 * Fix React UI build errors.

react-ui/src/components/SingleFileUpload.tsx

@@ -30,7 +30,7 @@ export const SingleFileUpload = ({
   const dropZoneConfig_ = {
     maxFiles: 1,
     accept: accept || { "application/json": [".json"] },
-    maxSize: 1024 * 1024 * 4,
+    maxSize: 1024 * 1024 * 50,
     ...dropZoneConfig,
   };
   return (

react-ui/src/components/ui/extension/file-upload.tsx

@@ -84,7 +84,7 @@ export const FileUploader = forwardRef<
         "image/*": [".jpg", ".jpeg", ".png", ".gif"],
       },
       maxFiles = 1,
-      maxSize = 4 * 1024 * 1024,
+      maxSize = 1024 * 1024 * 50,
       multiple = true,
     } = dropzoneOptions;
 
@@ -185,10 +185,12 @@ export const FileUploader = forwardRef<
               toast.error(
                 `File is too large. Max size is ${maxSize / 1024 / 1024}MB`,
               );
+              console.error(`File is too large. Max size is ${maxSize / 1024 / 1024}MB`);
               break;
             }
             if (rejectedFiles[i].errors[0]?.message) {
               toast.error(rejectedFiles[i].errors[0].message);
+              console.error(rejectedFiles[i].errors[0].message);
               break;
             }
           }