How is the best way to handle this with deconstructing and Select?

export default function useAuth() {
  return useQuery({
    queryKey: ['auth'],
    queryFn: async () => {
      const response = await fetch(`url`);
      return response.json();
    },
    refetchInterval: 300000,
    select: (data) => {
      return {
        user: data,
      };
    },
  });
}

export default function useAuth() {
  return useQuery({
    queryKey: ['auth'],
    queryFn: async () => {
      const response = await fetch(`url`);
      return response.json();
    },
    refetchInterval: 300000,
    select: (data) => {
      return {
        user: data,
      };
    },
  });
}

and within the component I want to do

const { data } = useAuth()
const { user } = data

const { data } = useAuth()
const { user } = data

but I get the error that user doesnt exist because data is undefined

TanStack•4y ago•

3 replies

hurt-tomato

How is the best way to handle this with deconstructing and Select?

export default function useAuth() {
  return useQuery({
    queryKey: ['auth'],
    queryFn: async () => {
      const response = await fetch(`url`);
      return response.json();
    },
    refetchInterval: 300000,
    select: (data) => {
      return {
        user: data,
      };
    },
  });
}

export default function useAuth() {
  return useQuery({
    queryKey: ['auth'],
    queryFn: async () => {
      const response = await fetch(`url`);
      return response.json();
    },
    refetchInterval: 300000,
    select: (data) => {
      return {
        user: data,
      };
    },
  });
}

and within the component I want to do

const { data } = useAuth()
const { user } = data

const { data } = useAuth()
const { user } = data

but I get the error that user doesnt exist because data is undefined

How is the best way to handle this with deconstructing and Select?

Similar Threads

How is the best way to handle this with deconstructing and Select?

Similar Threads

Similar Threads

Similar Threads