How to pass trpc useQuery into a component

    const { data: activeSubscriptions } = api.premium.getActiveUserSubscriptions.useQuery();
    const getPremiumGuildsQuery = api.premium.getPremiumGuildIds.useQuery();

  <PremiumManager
    guilds={guilds ?? []}
    activeSubscriptions={activeSubscriptions}
    getPremiumGuildsQuery={getPremiumGuildsQuery}
  />

interface Props {
    guilds: RouterOutputs['guild']['getAll'];
    activeSubscriptions: RouterOutputs['premium']['getActiveUserSubscriptions'] | null | undefined;
    getPremiumGuildsQuery: any;
}

export const PremiumManager = ({ guilds, activeSubscriptions, getPremiumGuildsQuery }: Props) => {