diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 7deb62571..6c3a5780e 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -283,7 +283,8 @@ export default function Page({ flow }: { flow: FlowType }) {
         }
         setNodes((nds) => nds.concat(newNode));
       } else if (event.dataTransfer.types.some((t) => t === "Files")) {
-        uploadFlow(false, event.dataTransfer.files.item(0))
+        takeSnapshot();
+        uploadFlow(false, event.dataTransfer.files.item(0));
       }
     },
     // Specify dependencies for useCallback