selectAllQueueItems selector memoization fixed

Author: Attila Cseh

invokeai/frontend/web/src/features/controlLayers/components/StagingArea/context.tsx

@@ -34,9 +34,7 @@ export const StagingAreaContextProvider = memo(({ children }: PropsWithChildren)
 
   const stagingAreaAppApi = useMemo<StagingAreaAppApi>(() => {
     const _stagingAreaAppApi: StagingAreaAppApi = {
-      getAutoSwitch: () => {
-        return selectStagingAreaAutoSwitch(store.getState());
-      },
+      getAutoSwitch: () => selectStagingAreaAutoSwitch(store.getState()),
       getImageDTO: (imageName: string) => getImageDTOSafe(imageName),
       onInvocationProgress: (handler) => {
         socket?.on('invocation_progress', handler);
@@ -68,6 +66,7 @@ export const StagingAreaContextProvider = memo(({ children }: PropsWithChildren)
       },
       onDiscardAll: () => {
         store.dispatch(canvasSessionReset());
+
         if (sessionId) {
           store.dispatch(
             queueApi.endpoints.cancelQueueItemsByDestination.initiate({ destination: sessionId }, { track: false })
@@ -86,6 +85,7 @@ export const StagingAreaContextProvider = memo(({ children }: PropsWithChildren)
 
         store.dispatch(rasterLayerAdded({ overrides, isSelected: selectedEntityIdentifier?.type === 'raster_layer' }));
         store.dispatch(canvasSessionReset());
+
         if (sessionId) {
           store.dispatch(
             queueApi.endpoints.cancelQueueItemsByDestination.initiate({ destination: sessionId }, { track: false })

invokeai/frontend/web/src/features/controlLayers/store/canvasStagingAreaSlice.ts

@@ -66,13 +66,12 @@ export const selectActiveCanvasStagingAreaSessionId = (state: RootState) => {
   const session = selectActiveCanvasStagingArea(state);
   return session.canvasSessionId;
 };
-const selectAllQueueItems = createSelector(
-  (state: RootState) => state,
-  (_state: RootState, sessionId: string) => sessionId,
-  (state, sessionId) => queueApi.endpoints.listAllQueueItems.select({ destination: sessionId })(state)
+const createAllQueueItemsSelector = createSelector(
+  (sessionId: string) => sessionId,
+  (sessionId) => queueApi.endpoints.listAllQueueItems.select({ destination: sessionId })
 );
 const selectCanvasQueueItemsBySessionId = createSelector(
-  selectAllQueueItems,
+  (state: RootState, sessionId: string) => createAllQueueItemsSelector(sessionId)(state),
   (state: RootState, sessionId: string) => selectCanvasStagingAreaBySessionId(state, sessionId),
   ({ data }, session) => {
     if (!data) {