diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index 1c1b25d2c6..8d8f6c3c69 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -83,7 +83,7 @@ export const DraggableBox = function DraggableBox({
 
   useEffect(() => {
     preview(getEmptyImage(), { captureDraggingState: true });
-  }, []);
+  }, [isDragging]);
 
   useEffect(() => {
     if (resizingStatusChanged) {