Simple hook to use Fuse.js

package.json

{
  "name": "use-fuse",
  "version": "1.0.1",
  "main": "useFuse.ts"
}

useFuse.ts

import { useCallback, useMemo, useState } from "react";

import Fuse from "fuse.js";

export default function useFuse<T>(
  list: ReadonlyArray<T>,
  fuseOptions?: Fuse.IFuseOptions<T>,
  index?: Fuse.FuseIndex<T>
): [filteredData: ReadonlyArray<T>, search: (query: string) => void] {
  const [filteredData, setFilteredData] = useState(list);
  const fuseSearch = useMemo(() => new Fuse(list, fuseOptions, index), [
    list,
    fuseOptions,
  ]);
  const search = useCallback(
    (query: string) =>
      setFilteredData(fuseSearch.search(query).map((i) => i.item)),
    [fuseSearch]
  );

  return [filteredData, search];
}