frigate/web/src/routes/Events/hooks/useSearchString.jsx

import { useState, useCallback } from 'preact/hooks';

const defaultSearchString = (limit) => `include_thumbnails=0&limit=${limit}`;

export const useSearchString = (limit, searchParams) => {
  const { searchParams: initialSearchParams } = new URL(window.location);
  const _searchParams = searchParams || initialSearchParams.toString();

  const [searchString, setSearchString] = useState(`${defaultSearchString(limit)}&${_searchParams}`);

  const changeSearchString = useCallback(
    (limit, searchString) => {
      setSearchString(`${defaultSearchString(limit)}&${searchString}`);
    },
    [setSearchString]
  );

  const removeDefaultSearchKeys = useCallback((searchParams) => {
    searchParams.delete('limit');
    searchParams.delete('include_thumbnails');
    searchParams.delete('before');
  }, []);

  return [searchString, changeSearchString, removeDefaultSearchKeys];
};