useTapQuery

function useTapQuery<Q>(query, options?): TapQueryResult<TapResult<Q>>;

import { TapStat, useTapFilters, useTapQuery } from '@tappify/extension-sdk';

function Downloads() {
  const filters = useTapFilters();
  const downloads = useTapQuery(
    { kind: 'series', metric: 'downloads', range: filters.range },
    { invalidateOn: ['release.shipped'] },
  );
  const points = downloads.data?.points ?? [];
  const total = points.reduce((sum, point) => sum + point.value, 0);
  return <TapStat label="Downloads" value={total} />;
}

import { TapTable, useTapQuery } from '@tappify/extension-sdk';

function Keywords() {
  const keywords = useTapQuery({ kind: 'keywords' });
  return (
    <TapTable
      columns={[
        { key: 'term', label: 'Term' },
        { key: 'position', label: 'Rank', align: 'end' },
      ]}
      rows={keywords.data?.keywords ?? []}
      rowKey={keyword => keyword.id}
    />
  );
}