KayK
tRPC3y ago
6 replies
Kay

Trpc calls being uncessarily made

Hi friends, i am relevatively new to TRPC so this could be somethign super basic. I have a component that is making a bunch of useQuery statements

export default function RegistryItem(props: IRegistryItemProps) {
    const { data: session } = useSession();
    const updateTeamRegistryById = TrpcClient.updateTeamRegistryById.useMutation({
        onSettled: () => {
            teamItems.refetch();
            registryData.refetch();
        },
    });
    console.log("item", props.item, "teamITem", props.teamItem);
    const userId = session?.user?.id;
    const teamId = session?.user.teamId;
    const registryData = TrpcClient.getRegistryById.useQuery({ id: props.item.id });
    const registry = registryData.data;
    const teamItems = TrpcClient.getTeamRegistry.useQuery({ registryId: props.item.id, teamId: teamId as string });
    const teamItem = teamItems.data;
    const count = registry?.team_registry.filter((f) => f.enabled === true)?.length || 0;
...


Everytime i click on an empty space in the window, it refetches, happens also when switching tabs. This is causing a lot of unnecessary request. Why is this occuring?
Was this page helpful?