Function useQueryState

packages/shared/src/hooks/utils/useQueryState.ts:21–39

({
  key,
  defaultValue,
}: UseQueryStateProps<T>)

}

export const useQueryState = <T>({
  key,
  defaultValue,
}: UseQueryStateProps<T>): UseQueryState<T> => {
  const client = useQueryClient();
  const { data = defaultValue, ...rest } = useQuery<T>({
    queryKey: key,
    queryFn: () => client.getQueryData<T>(key) ?? defaultValue,
    ...disabledRefetch,
    initialData: defaultValue,
    staleTime: Infinity,
  });
  const setState = useCallback(
    (value: T) => client.setQueryData<T>(key, value),
    [client, key],
  );

  return [data, setState, rest];
};