using return value of useQuery as a queryKey

export const useGetCurrentUser = () => {
  const { data } = useQuery({
    queryFn: () => query(),
    queryKey: ['current_user', 'user', data.id],
  });

  return { user: data as UserResponse };
};

export const useGetCurrentUser = () => {
  const { data } = useQuery({
    queryFn: () => query(),
    queryKey: ['current_user', 'user', data.id],
  });

  return { user: data as UserResponse };
};

export const useGetCurrentUser = () => {
  const { data } = useQuery({
    queryFn: () => query(),
    queryKey: ['current_user', 'user', data.id],
  });

  return { user: data as UserResponse };
};

export const useGetCurrentUser = () => {
  const { data } = useQuery({
    queryFn: () => query(),
    queryKey: ['current_user', 'user', data.id],
  });

  return { user: data as UserResponse };
};

This obviously does not work since

data

data

data

data is used before its declaration.

Is there a way to use

data.id

data.id

data.id

data.id as a

queryKey

queryKey

queryKey

queryKey? I fetch the user by cookie information, so don't need to use an

id

id

, but want to use its

id

id

as a

queryKey

queryKey

queryKey

queryKey, so that if I fetch a user with

useGetUserById

useGetUserById

useGetUserById

useGetUserById function, which accepts an

id

id

, then I would hit the cache instead of making a request for the data I already have.

using return value of useQuery as a queryKey

Similar Threads

Similar Threads

Similar Threads