For tutorial: Create an abortable API using AbortController and AbortSignal

searchItems.ts

// This is a redux action creator
const searchItems =
    (searchString: string, signal: AbortSignal) => async (dispatch) => {
        dispatch(searchStarted());

        try {
            const items = await abortableSearchItems(searchString, signal);
            dispatch(searchSucceeded(items));
        } catch (error) {
            if ((error as any).message === 'searchAborted') {
                dispatch(searchAborted());
            }
            dispatch(
                searchFailed(
                    error.message || "search failed for an unknown reason"
                )
            );
        }
    };

// Create an AbortController
const abortSearchController = new AbortController();
const signal = abortSearchController.signal;

// Dispatch the searchItems action
dispatch(searchItems(searchString, signal));

// When we want to abort the search
abortSearchController.abort();