Is there a way to unsubscribe from a query (prefetching advice)?

I have a composable that looks like this - I need everything in

table

table

when using this composable but it is making prefetch quite difficult. Is there a way I can do something like calling

useParticipantsTable

useParticipantsTable

in a parent component (which would prefetch) but then unsubscribe from the query?

export const useParticipantsTable = () => {
  const table = useServerTable({
    // ...
  });

  const { data } = useQuery({
    queryKey: ["participants", "list", table],
    queryFn: () => {
      return participantsClient.getParticipants({
        ...table.queryOptions.value,
      });
    },
    keepPreviousData: true,
  });


  return {
    data,
  };
};

export const useParticipantsTable = () => {
  const table = useServerTable({
    // ...
  });

  const { data } = useQuery({
    queryKey: ["participants", "list", table],
    queryFn: () => {
      return participantsClient.getParticipants({
        ...table.queryOptions.value,
      });
    },
    keepPreviousData: true,
  });


  return {
    data,
  };
};

TanStack•3y ago•

2 replies

precious-lavender

Is there a way to unsubscribe from a query (prefetching advice)?

I have a composable that looks like this - I need everything in

table

table

when using this composable but it is making prefetch quite difficult. Is there a way I can do something like calling

useParticipantsTable

useParticipantsTable

in a parent component (which would prefetch) but then unsubscribe from the query?

export const useParticipantsTable = () => {
  const table = useServerTable({
    // ...
  });

  const { data } = useQuery({
    queryKey: ["participants", "list", table],
    queryFn: () => {
      return participantsClient.getParticipants({
        ...table.queryOptions.value,
      });
    },
    keepPreviousData: true,
  });


  return {
    data,
  };
};

export const useParticipantsTable = () => {
  const table = useServerTable({
    // ...
  });

  const { data } = useQuery({
    queryKey: ["participants", "list", table],
    queryFn: () => {
      return participantsClient.getParticipants({
        ...table.queryOptions.value,
      });
    },
    keepPreviousData: true,
  });


  return {
    data,
  };
};

Is there a way to unsubscribe from a query (prefetching advice)?

Similar Threads

Is there a way to unsubscribe from a query (prefetching advice)?

Similar Threads

Similar Threads

Similar Threads