useQuery select usage

Hi, I'm working with the useQuery hook in React Query, and I need to extract data from it while also adding some custom logic. I want to make sure I don't disrupt the type definitions. Is it a correct approach to use the select option like this?

export const useCurrentPlan = () => {
  const data = useUserConfigV2({
    select: (data) => {
      const isAwaitingUpgrade = getIsAwaitingUpgrade(data.current_plan);
      return { currentPlan: data.current_plan, isAwaitingUpgrade };
    },
  });

  return data;

export const useCurrentPlan = () => {
  const data = useUserConfigV2({
    select: (data) => {
      const isAwaitingUpgrade = getIsAwaitingUpgrade(data.current_plan);
      return { currentPlan: data.current_plan, isAwaitingUpgrade };
    },
  });

  return data;

TanStack•3y ago•

1 reply

uncertain-scarlet

useQuery select usage

export const useCurrentPlan = () => {
  const data = useUserConfigV2({
    select: (data) => {
      const isAwaitingUpgrade = getIsAwaitingUpgrade(data.current_plan);
      return { currentPlan: data.current_plan, isAwaitingUpgrade };
    },
  });

  return data;

export const useCurrentPlan = () => {
  const data = useUserConfigV2({
    select: (data) => {
      const isAwaitingUpgrade = getIsAwaitingUpgrade(data.current_plan);
      return { currentPlan: data.current_plan, isAwaitingUpgrade };
    },
  });

  return data;

useQuery select usage

Similar Threads

useQuery select usage

Similar Threads

Similar Threads

Similar Threads