Undo using Command pattern. The Command objects can be anonymous functions

SortingScreen.tsx

// This is some pseudocode

function onArchiveAndNext(threadId) {
   

  dispatch(archiveThread(threadId));
  dispatch(sortingGoToNext(thread));

  // We can define the undo logic right next to the effect to undo.
  // This also means any part of the UI can define its own undoable effect.
  const undoCommand = () => {
    dispatch(moveToInbox(threadId));
    dispatch(sortingGoToPrevious(thread));
  }

  dispatch(pushUndo(undoCommand));
}


function onUndo() {
  dispatch(undo());
}


... UI code

undoAction.ts

function undo() {
  return async (getState, dispatch) => {
    const lastUndoCommand = getState().undos.pop();

    // The undo actions/reducers have no clue about the inner working of what is being undone
    // Better encapsulation
    await lastUndoCommand();
    
    // on success, clear that last command
    dispatch(clearLastUndo());
  }
}

function pushUndo(undoCommand: () => void | Promise<void>) {
  // add undoCommand to the queue
}

function clearLastUndo() {
  // pop last undoCommand from the queue
}