A react custom hook designed for querying data from API. (TypeScript)

useFilter.ts

import { useState, useReducer, useEffect } from 'react';
import { Nullable } from 'interfaces';

type SearchState<T> = {
  results: Array<T>;
  isSearching: boolean;
  isError: boolean;
};
type SearchAction<T> =
  | { type: 'FETCH_INIT' }
  | { type: 'FETCH_SUCCESS'; payload: Array<T> }
  | { type: 'FETCH_FAILURE' };

const createDataFetchReducer = <T>() => (
  state: SearchState<T>,
  action: SearchAction<T>,
): SearchState<T> => {
  switch (action.type) {
    case 'FETCH_INIT':
      return {
        ...state,
        isSearching: true,
        isError: false,
      };
    case 'FETCH_SUCCESS':
      return {
        ...state,
        isSearching: false,
        isError: false,
        results: action.payload,
      };
    case 'FETCH_FAILURE':
      return {
        ...state,
        isSearching: false,
        isError: true,
      };
    default:
      throw new Error();
  }
};

export type FilterAPI = (param?: Nullable<string>) => Promise<any>;

export default function useFilter<T>(
  apiAction: FilterAPI,
  initialParam: Nullable<string> | undefined,
  initialData: Array<T>,
) {
  const [param, setParam] = useState(initialParam);
  const dataFetchReducer = createDataFetchReducer<T>();
  const [state, dispatch] = useReducer(dataFetchReducer, {
    isSearching: false,
    isError: false,
    results: initialData,
  });

  useEffect(() => {
    let didCancel = false;
    const fetchData = async () => {
      dispatch({ type: 'FETCH_INIT' });
      try {
        const data = await apiAction(param);
        if (!didCancel) {
          dispatch({ type: 'FETCH_SUCCESS', payload: data });
        }
      } catch (error) {
        if (!didCancel) {
          dispatch({ type: 'FETCH_FAILURE' });
        }
      }
    };

    if (typeof param !== 'undefined' && param !== null) fetchData();

    return () => {
      didCancel = true;
    };
  }, [param, apiAction]);

  return [state, setParam] as const;
}