React Query / Better Auth / Next js

import { useQuery } from "@tanstack/react-query";
import { client } from "@/lib/hono";

export const useGetRentProperties = () => {
  const query = useQuery({
    queryKey: ["properties"],
    queryFn: async () => {
      const response = await client.api.properties.$get();

      if (!response.ok) {
        throw new Error("Failed to fetch transactions!");
      }

      const { data } = await response.json();
      return data;
    },
  });
  return query;
};

export async function getProperties() {
  const response = await client.api.properties.$get();

  if (!response.ok) {
    throw new Error("Failed to fetch properties!");
  }

  const { data } = await response.json();
  console.log(data);

  return data;
}

const RentPage = async () => {
  // const { onOpen } = useNewRentHouse();
  const queryClient = new QueryClient();

  await queryClient.prefetchQuery({
    queryKey: ["properties"],
    queryFn: getProperties,
  });

  return (
          <HydrationBoundary state={dehydrate(queryClient)}>
            <PropertiesGrid />
          </HydrationBoundary>
  );
};

export default RentPage;