fix properly pass abort signal of query

Author: fabiankaegy

components/content-search/index.tsx

@@ -121,7 +121,7 @@ const ContentSearch: React.FC<ContentSearchProps> = ({
 	const { status, data, error, isFetching, isFetchingNextPage, fetchNextPage, hasNextPage } =
 		useInfiniteQuery({
 			queryKey: ['search', searchString, contentTypes.join(','), mode, perPage, queryFilter],
-			queryFn: async ({ pageParam = 1 }) =>
+			queryFn: async ({ pageParam = 1, signal }) =>
 				fetchSearchResults({
 					keyword: searchString,
 					page: pageParam,
@@ -130,6 +130,7 @@ const ContentSearch: React.FC<ContentSearchProps> = ({
 					contentTypes,
 					queryFilter,
 					excludeItems,
+					signal,
 				}),
 			getNextPageParam: (lastPage) => lastPage.nextPage,
 			getPreviousPageParam: (firstPage) => firstPage.previousPage,

components/content-search/utils.ts

@@ -132,6 +132,7 @@ interface FetchSearchResultsArgs {
 	contentTypes: Array<string>;
 	queryFilter: QueryFilter;
 	excludeItems: Array<IdentifiableObject>;
+	signal?: AbortSignal;
 }
 
 export async function fetchSearchResults({
@@ -142,6 +143,7 @@ export async function fetchSearchResults({
 	contentTypes,
 	queryFilter,
 	excludeItems,
+	signal,
 }: FetchSearchResultsArgs) {
 	const searchQueryString = prepareSearchQuery({
 		keyword,
@@ -154,6 +156,7 @@ export async function fetchSearchResults({
 	const response = await apiFetch<Response>({
 		path: searchQueryString,
 		parse: false,
+		signal,
 	});
 
 	const totalPages = parseInt(