Function useQueryState

ui/packages/shared/profile/src/hooks/useQueryState.ts:81–535

(options: UseQueryStateOptions = {})

}

export const useQueryState = (options: UseQueryStateOptions = {}): UseQueryStateReturn => {
  const {queryServiceClient: queryClient} = useParcaContext();
  const {
    suffix = '',
    defaultExpression = '',
    defaultTimeSelection = 'relative:minute|15', // Default to 15 minutes relative
    defaultFrom,
    defaultTo,
    comparing = false,
    onProfileTypeChange,
  } = options;

  const resetFlameGraphState = useResetFlameGraphState();
  const resetStateOnProfileTypeChange = useResetStateOnProfileTypeChange();

  // URL state hooks with appropriate suffixes via useQueryStates
  const [queryParams, setQueryParams] = useQueryStates(
    {
      expression: stringParam,
      from: stringParam,
      to: stringParam,
      time_selection: stringParam,
      sum_by: stringParam,
      merge_from: stringParam,
      merge_to: stringParam,
      selection: stringParam,
    },
    {
      history: 'replace',
      urlKeys: {
        expression: `expression${suffix}`,
        from: `from${suffix}`,
        to: `to${suffix}`,
        time_selection: `time_selection${suffix}`,
        sum_by: `sum_by${suffix}`,
        merge_from: `merge_from${suffix}`,
        merge_to: `merge_to${suffix}`,
        selection: `selection${suffix}`,
      },
    }
  );

  const expression = queryParams.expression ?? defaultExpression;
  const from = queryParams.from ?? defaultFrom?.toString();
  const to = queryParams.to ?? defaultTo?.toString();
  const timeSelection = queryParams.time_selection ?? defaultTimeSelection;
  const sumByParam = queryParams.sum_by;
  const mergeFrom = queryParams.merge_from;
  const mergeTo = queryParams.merge_to;
  const selectionParam = queryParams.selection;

  // Individual setters for direct access
  const setExpressionState = useCallback(
    (val: string | null) => void setQueryParams({expression: val}),
    [setQueryParams]
  );
  const setSumByParam = useCallback(
    (val: string | null) => void setQueryParams({sum_by: val}),