@umituz/react-native-tanstack 1.2.10 → 1.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-tanstack",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "description": "TanStack Query configuration and utilities for React Native apps - Pre-configured QueryClient with AsyncStorage persistence",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/hooks/useOptimisticUpdate.ts

@@ -3,29 +3,32 @@
  * Presentation layer - Optimistic update helper
  */
 
-import { useMutation, useQueryClient, type MutationOptions } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 
 /**
  * Optimistic update configuration
  */
-export interface OptimisticUpdateConfig<TData, TVariables> {
+export interface OptimisticUpdateConfig<TData, TVariables, TError = Error> {
   queryKey: readonly unknown[];
   updater: (oldData: TData | undefined, variables: TVariables) => TData;
   invalidateOnSuccess?: boolean;
+  mutationFn: (variables: TVariables) => Promise<TData>;
+  onError?: (error: TError, variables: TVariables, context: unknown) => void;
+  onSettled?: (data: TData | undefined, error: TError | null, variables: TVariables, context: unknown) => void;
+  onSuccess?: (data: TData, variables: TVariables, context: unknown) => void;
 }
 
 /**
  * Hook for mutations with optimistic updates and automatic rollback
  */
 export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TError = Error>(
-  config: OptimisticUpdateConfig<TData, TVariables> &
-    MutationOptions<TData, TError, TVariables>,
+  config: OptimisticUpdateConfig<TData, TVariables, TError>,
 ) {
   const queryClient = useQueryClient();
-  const { queryKey, updater, invalidateOnSuccess = true, onError, onSettled, ...mutationOptions } = config;
+  const { queryKey, updater, invalidateOnSuccess = true, onError, onSettled, onSuccess, mutationFn } = config;
 
   return useMutation({
-    ...mutationOptions,
+    mutationFn,
     onMutate: async (variables: TVariables) => {
       await queryClient.cancelQueries({ queryKey });
       const previousData = queryClient.getQueryData<TData>(queryKey);
@@ -42,10 +45,11 @@ export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TErro
 
       return { previousData };
     },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    onError: (error: TError, variables: TVariables, context: any) => {
-      if (context?.previousData !== undefined) {
-        queryClient.setQueryData(queryKey, context.previousData);
+    onError: (error: TError, variables: TVariables, context: unknown) => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const ctx = context as any;
+      if (ctx?.previousData !== undefined) {
+        queryClient.setQueryData(queryKey, ctx.previousData);
 
         if (__DEV__) {
           // eslint-disable-next-line no-console
@@ -57,8 +61,12 @@ export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TErro
         onError(error, variables, context);
       }
     },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    onSettled: (data: TData | undefined, error: TError | null, variables: TVariables, context: any) => {
+    onSuccess: (data: TData, variables: TVariables, context: unknown) => {
+      if (onSuccess) {
+        onSuccess(data, variables, context);
+      }
+    },
+    onSettled: (data: TData | undefined, error: TError | null, variables: TVariables, context: unknown) => {
       if (invalidateOnSuccess && !error) {
         queryClient.invalidateQueries({ queryKey });
       }
@@ -74,8 +82,7 @@ export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TErro
  * Hook for list mutations with optimistic updates
  */
 export function useOptimisticListUpdate<TData extends unknown[], TVariables = unknown>(
-  config: OptimisticUpdateConfig<TData, TVariables> &
-    MutationOptions<TData, Error, TVariables>,
+  config: OptimisticUpdateConfig<TData, TVariables, Error>,
 ) {
-  return useOptimisticUpdate<TData, TVariables>(config);
+  return useOptimisticUpdate<TData, TVariables, Error>(config);
 }