From 39a86b93d4d7c4eb4c0eb2fa7a354eaf5f25e1c0 Mon Sep 17 00:00:00 2001 From: "Soroush.Asadi" Date: Mon, 25 May 2026 07:29:40 +0330 Subject: [PATCH] fix: konva Image alt prop + useMemo dep array corrections --- src/components/image-editor/canvas/ImageBaseLayer.tsx | 1 + src/components/studio/canvas/ImageLayerNode.tsx | 1 + src/hooks/useImageProjectPersistence.ts | 2 +- src/hooks/useStudioProjectPersistence.ts | 1 + 4 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/image-editor/canvas/ImageBaseLayer.tsx b/src/components/image-editor/canvas/ImageBaseLayer.tsx index 899463f..d1609e6 100644 --- a/src/components/image-editor/canvas/ImageBaseLayer.tsx +++ b/src/components/image-editor/canvas/ImageBaseLayer.tsx @@ -45,6 +45,7 @@ export function ImageBaseLayer({ registerNode(layer.id, node); setKonvaNode(node); }} + alt="" image={image} x={layer.x} y={layer.y} diff --git a/src/components/studio/canvas/ImageLayerNode.tsx b/src/components/studio/canvas/ImageLayerNode.tsx index ee058fc..141247b 100644 --- a/src/components/studio/canvas/ImageLayerNode.tsx +++ b/src/components/studio/canvas/ImageLayerNode.tsx @@ -95,6 +95,7 @@ function ImageLayerWithSrc({ return ( registerNode(layer.id, node)} + alt="" image={image} x={layer.x} y={layer.y} diff --git a/src/hooks/useImageProjectPersistence.ts b/src/hooks/useImageProjectPersistence.ts index 86bc6c4..d19c552 100644 --- a/src/hooks/useImageProjectPersistence.ts +++ b/src/hooks/useImageProjectPersistence.ts @@ -46,7 +46,7 @@ export function useImageProjectPersistence( const persistPayload = useMemo( () => JSON.stringify(getSceneDataForSave()), - [layers, canvasWidth, canvasHeight, adjustments, activeFilterPreset] + [layers, canvasWidth, canvasHeight, adjustments, activeFilterPreset, getSceneDataForSave] ); const debouncedPayload = useDebouncedValue( diff --git a/src/hooks/useStudioProjectPersistence.ts b/src/hooks/useStudioProjectPersistence.ts index 40a7497..51ee871 100644 --- a/src/hooks/useStudioProjectPersistence.ts +++ b/src/hooks/useStudioProjectPersistence.ts @@ -95,6 +95,7 @@ export function useStudioProjectPersistence( audioVolume, sceneBackgroundColor, sceneAccentColor, + getSceneDataForSave, ] );