Fix image modal

dappforce · Jul 9, 2024 · 135f20a · 135f20a
1 parent 972b7e3
commit 135f20a
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/extensions/image/ImageModal.tsx b/src/components/extensions/image/ImageModal.tsx
@@ -222,9 +222,12 @@ function ImageUpload({ initialImage, setUploadedImageLink }: ImageUploadProps) {
       <ImageLoader
         clearImage={() => setImageUrl('')}
         src={imageUrl}
-        onLoad={() =>
-          setUploadedImageLink((prev) => ({ ...prev, loadedLink: imageUrl }))
-        }
+        onLoad={() => {
+          // To prevent this called first before the useEffect, which causes image rendered, but the link is null
+          setTimeout(() => {
+            setUploadedImageLink((prev) => ({ ...prev, loadedLink: imageUrl }))
+          })
+        }}
       />
     )
   }