diff --git a/app/components/sd/sd.tsx b/app/components/sd/sd.tsx
index f35d0e0cd..9e5595900 100644
--- a/app/components/sd/sd.tsx
+++ b/app/components/sd/sd.tsx
@@ -37,7 +37,7 @@ import { removeImage } from "@/app/utils/chat";
 import { SideBar } from "./sd-sidebar";
 import { WindowContent } from "@/app/components/home";
 import { params } from "./sd-panel";
-
+import Image from "next/image";
 function getSdTaskStatus(item: any) {
   let s: string;
   let color: Property.Color | undefined = undefined;
@@ -101,6 +101,8 @@ export function Sd() {
 
   useEffect(() => {
     setSdImages(sdStore.draw);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [sdStore.currentId]);
 
   return (
@@ -158,7 +160,7 @@ export function Sd() {
                       className={styles["sd-img-item"]}
                     >
                       {item.status === "success" ? (
-                        <img
+                        <Image
                           className={styles["img"]}
                           src={item.img_data}
                           alt={item.id}