Typing and Density settings

src/pages/homepage/components/Search/Search.tsx

@@ -12,7 +12,13 @@ import { useCommonHooks, useMutationAPI, useQueryAPI } from 'hooks';
 import { useEffect, useState } from 'react';
 import { FiEdit, FiTrash } from 'react-icons/fi';
 import { actionIconClasses, selectClasses } from 'styles';
-import type { Application, CurrentWeather, ExtendedForecast, Provider } from 'types';
+import type {
+	Application,
+	CurrentWeather,
+	ExtendedForecast,
+	Provider,
+	SearchHistoryItem,
+} from 'types';
 
 export default function Search({
 	current,
@@ -38,8 +44,8 @@ export default function Search({
 	const { data: history, isFetched: historyIsFetched } = useQueryAPI({
 		endpoint: 'api/searchHistory',
 	});
-	const [searchHistory, setSearchHistory] = useState<any>([]);
-	const [filteredHistory, setFilteredHistory] = useState<any>([]);
+	const [searchHistory, setSearchHistory] = useState<SearchHistoryItem[]>([]);
+	const [filteredHistory, setFilteredHistory] = useState<SearchHistoryItem[]>([]);
 	const { mutateAsync } = useMutationAPI();
 	const [providerModalOpened, { open: openProviderModal, close: closeProviderModal }] =
 		useDisclosure(false);
@@ -169,7 +175,7 @@ export default function Search({
 							? `${searchHistory[listIndex].prefix} ${searchHistory[listIndex].searchTerm}`
 							: '',
 					);
-					setValue(searchHistory.length > 0 ? searchHistory[listIndex].id : 0);
+					setValue(searchHistory[listIndex].id ?? 0);
 				}
 			} else if (searchValue !== '') {
 				if (item.code === 'ArrowUp') {
@@ -193,7 +199,7 @@ export default function Search({
 					setSearchValue(
 						`${filteredHistory[listIndex].prefix} ${filteredHistory[listIndex].searchTerm}`,
 					);
-					setValue(filteredHistory[listIndex].id);
+					setValue(filteredHistory[listIndex].id ?? 0);
 				}
 			}
 		}