Update Convex with no payload to be just like convex with payload but without payload

packages/ui/src/image-crop.tsx

@@ -153,7 +153,7 @@ export const ImageCrop = ({
   useEffect(() => {
     const reader = new FileReader();
     reader.addEventListener('load', () =>
-      setImgSrc(reader.result?.toString() || ''),
+      setImgSrc(typeof reader.result === 'string' ? reader.result : ''),
     );
     reader.readAsDataURL(file);
   }, [file]);
@@ -173,12 +173,13 @@ export const ImageCrop = ({
     onChange?.(pixelCrop, percentCrop);
   };
 
-  const handleComplete = async (
+  const handleComplete = (
     pixelCrop: PixelCrop,
     percentCrop: PercentCrop,
-  ) => {
+  ): Promise<void> => {
     setCompletedCrop(pixelCrop);
     onComplete?.(pixelCrop, percentCrop);
+    return Promise.resolve();
   };
 
   const applyCrop = async () => {
@@ -293,19 +294,17 @@ export const ImageCropApply = ({
 
   if (asChild) {
     return (
-      <Slot.Root onClick={handleClick} {...(props as any)}>
+      <Slot.Root
+        onClick={handleClick}
+        {...(props as ComponentProps<typeof Slot.Root>)}
+      >
         {children}
       </Slot.Root>
     );
   }
 
   return (
-    <Button
-      onClick={handleClick}
-      size='icon'
-      variant='ghost'
-      {...(props as any)}
-    >
+    <Button onClick={handleClick} size='icon' variant='ghost' {...props}>
       {children ?? <CropIcon className='size-4' />}
     </Button>
   );
@@ -330,19 +329,17 @@ export const ImageCropReset = ({
 
   if (asChild) {
     return (
-      <Slot.Root onClick={handleClick} {...(props as any)}>
+      <Slot.Root
+        onClick={handleClick}
+        {...(props as ComponentProps<typeof Slot.Root>)}
+      >
         {children}
       </Slot.Root>
     );
   }
 
   return (
-    <Button
-      onClick={handleClick}
-      size='icon'
-      variant='ghost'
-      {...(props as any)}
-    >
+    <Button onClick={handleClick} size='icon' variant='ghost' {...props}>
       {children ?? <RotateCcwIcon className='size-4' />}
     </Button>
   );
@@ -372,7 +369,15 @@ export const Cropper = ({
     onChange={onChange}
     onComplete={onComplete}
     onCrop={onCrop}
-    {...(props as any)}
+    {...(props as Omit<
+      ImageCropProps,
+      | 'file'
+      | 'maxImageSize'
+      | 'onChange'
+      | 'onComplete'
+      | 'onCrop'
+      | 'children'
+    >)}
   >
     <ImageCropContent className={className} style={style} />
   </ImageCrop>