grafana/public/app/core/hooks/useQueryParams.ts

import { UrlQueryMap } from '@grafana/data';
import { locationSearchToObject, locationService } from '@grafana/runtime';
import { useCallback, useMemo } from 'react';
import { useLocation } from 'react-router-dom';

export function useQueryParams(): [UrlQueryMap, (values: UrlQueryMap, replace?: boolean) => void] {
  const { search } = useLocation();
  const queryParams = useMemo(() => locationSearchToObject(search || ''), [search]);
  const update = useCallback(
    (values: UrlQueryMap, replace?: boolean) => setImmediate(() => locationService.partial(values, replace)),
    []
  );
  return [queryParams, update];
}