For the 2nd point: would you suggest a useEffect hook that has a dependency on the search key? With the current search() call replaced with an update of the search key state.
I would do it in a single useMemo hook like so:
const defaultOptions = { tokenize: true, threshold: 0.2 };
export function useFuzzy<T>(
data: T[],
options: FuseOptions<T>,
keyword: string,
): T[] {
return useMemo(() => {
if (!keyword) return data;
const fuse = new Fuse<T>(data, { ...defaultOptions, ...options });
return fuse.search(keyword);
}, [data, options, keyword])
}
As debouncing would be standard if you're handling user typing, check out one of my favorite hooks: https://usehooks.com/useDebounce