chore: avoid repeat rendering for clicking same image

src/pages/playground/components/image-edit.tsx

@@ -359,19 +359,25 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     handleUpdateImageList
   ]);
 
-  const handleOnImgClick = useCallback((item: any, isOrigin: boolean) => {
+  const handleOnImgClick = useCallback(
-    if (item.progress < 100 && !isOrigin) {
+    (item: any, isOrigin: boolean) => {
-      return;
+      if (item.progress < 100 && !isOrigin) {
-    }
+        return;
-    setActiveImgUid(item.uid);
+      }
-    setImage(item.dataUrl);
+      if (item.uid === activeImgUid) {
-    setImageStatus({
+        return;
-      isOriginal: isOrigin,
+      }
-      isResetNeeded: false,
+      setActiveImgUid(item.uid);
-      width: item.width,
+      setImage(item.dataUrl);
-      height: item.height
+      setImageStatus({
-    });
+        isOriginal: isOrigin,
-  }, []);
+        isResetNeeded: false,
+        width: item.width,
+        height: item.height
+      });
+    },
+    [activeImgUid]
+  );
 
   useEffect(() => {
     if (imageList.length > 0) {