Refactor useRepos Hook

sagomadev · Sep 10, 2023 · ae8c042 · ae8c042
1 parent ed15de7
commit ae8c042
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/hooks/useRepos.ts b/src/hooks/useRepos.ts
@@ -1,13 +1,15 @@
-import { QueryFunctionContext, useQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import api from "../api/github";
 import { Repository } from "./types";
 
-async function fetchRepos(ctx: QueryFunctionContext) {
-  const [, githubUser] = ctx.queryKey;
+async function fetchRepos(githubUser: string) {
   const { data } = await api.get<Repository[]>(`/users/${githubUser}/repos`);
   return data;
 }
 
 export function useFetchRepositories(user: string) {
-  return useQuery(["repos", user], fetchRepos);
+  return useQuery({
+    queryKey: ["repos", user],
+    queryFn: () => fetchRepos(user),
+  });
 }