chore: update apis for posts

Author: ElenaBitire

src/api/posts/use-post.ts

@@ -8,10 +8,10 @@ type Variables = { id: string };
 type Response = Post;
 
 export const usePost = createQuery<Response, Variables, AxiosError>({
-  primaryKey: 'posts',
-  queryFn: ({ queryKey: [primaryKey, variables] }) => {
+  queryKey: ['posts'], // we recommend using endpoint base url as queryKey
+  fetcher: (variables) => {
     return client
-      .get(`${primaryKey}/${variables.id}`)
+      .get(`posts/${variables.id}`)
       .then((response) => response.data);
   },
 });

src/api/posts/use-posts.ts

@@ -8,10 +8,8 @@ type Response = Post[];
 type Variables = void; // as react-query-kit is strongly typed, we need to specify the type of the variables as void in case we don't need them
 
 export const usePosts = createQuery<Response, Variables, AxiosError>({
-  primaryKey: 'posts', // we recommend using  endpoint base url as primaryKey
-  queryFn: ({ queryKey: [primaryKey] }) => {
-    // in case if variables is needed, we can use destructuring to get it from queryKey array like this: ({ queryKey: [primaryKey, variables] })
-    // primaryKey is 'posts' in this case
-    return client.get(`${primaryKey}`).then((response) => response.data.posts);
+  queryKey: ['posts'], // we recommend using endpoint base url as queryKey
+  fetcher: () => {
+    return client.get(`posts`).then((response) => response.data.posts);
   },
 });

src/app/feed/[id].tsx

@@ -8,7 +8,6 @@ export default function Post() {
   const local = useLocalSearchParams<{ id: string }>();
 
   const { data, isLoading, isError } = usePost({
-    //@ts-ignore
     variables: { id: local.id },
   });