fetch request steps

react-openapi/api/client.ts

@@ -46,6 +46,10 @@ export const api = {
     if (!_api) throw new Error("API client not initialized");
     return _api.delete(...args);
   },
+  patch: (...args: Parameters<AxiosInstance["patch"]>) => {
+    if (!_api) throw new Error("API client not initialized");
+    return _api.patch(...args);
+  },
 };
 
 export const auth = {

react-openapi/hooks/useResource.ts

@@ -73,6 +73,23 @@ export function useResource<T = any>(config: ResourceConfig | undefined) {
       },
     });
 
+  // --- PATCH ---
+  const usePatch = () =>
+    useMutation({
+      mutationFn: async ({ id, data }: { id: string; data: Partial<T> }) => {
+        if (!endpoint) throw new Error("Endpoint not defined");
+        // @ts-ignore
+        const res = await api.patch<T>(`${endpoint}/${id}`, data);
+        return res.data;
+      },
+      onSuccess: (updatedItem) => {
+        // @ts-ignore
+        const id = updatedItem[primaryKey];
+        queryClient.invalidateQueries({ queryKey: [name, "list"] });
+        queryClient.invalidateQueries({ queryKey: [name, "detail", id] });
+      },
+    });
+
   // --- DELETE ---
   const useDelete = () =>
     useMutation({
@@ -136,6 +153,7 @@ export function useResource<T = any>(config: ResourceConfig | undefined) {
     useMe,
     useCreate,
     useUpdate,
+    usePatch,
     useUpdateMe,
     useDelete,
     getListQueryOptions,