diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/context.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/context.tsx
index 7529c6995d..94357c5e0f 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/context.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/context.tsx
@@ -329,7 +329,7 @@ export const CanvasSessionContextProvider = memo(
       });
 
       // Clean up the progress data when a queue item is discarded.
-      const unsubCleanUpProgressData = $items.listen(async (items) => {
+      const unsubCleanUpProgressData = $items.subscribe(async (items) => {
         const progressData = $progressData.get();
 
         const toDelete: number[] = [];