diff --git a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts
index 428ecf9c62..90f71879a1 100644
--- a/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts
+++ b/invokeai/frontend/web/src/app/store/middleware/listenerMiddleware/listeners/addCommitStagingAreaImageListener.ts
@@ -10,9 +10,14 @@ export const addCommitStagingAreaImageListener = () => {
     actionCreator: commitStagingAreaImage,
     effect: async (action, { dispatch, getState }) => {
       const state = getState();
-      const { sessionId } = state.system;
+      const { sessionId, isProcessing } = state.system;
       const canvasSessionId = action.payload;
 
+      if (!isProcessing) {
+        // Only need to cancel if we are processing
+        return;
+      }
+
       if (!canvasSessionId) {
         moduleLog.debug('No canvas session, skipping cancel');
         return;