@refinedev/core 4.47.2 → 4.48.0

package/src/hooks/data/useDelete.ts

@@ -1,122 +1,122 @@
 import { getXRay } from "@refinedev/devtools-internal";
 import {
-    useMutation,
-    UseMutationOptions,
-    UseMutationResult,
-    useQueryClient,
+  useMutation,
+  UseMutationOptions,
+  UseMutationResult,
+  useQueryClient,
 } from "@tanstack/react-query";
 
 import { ActionTypes } from "@contexts/undoableQueue";
 import {
-    pickDataProvider,
-    pickNotDeprecated,
-    queryKeysReplacement,
-    useActiveAuthProvider,
+  pickDataProvider,
+  pickNotDeprecated,
+  queryKeysReplacement,
+  useActiveAuthProvider,
 } from "@definitions/helpers";
 import {
-    useCancelNotification,
-    useDataProvider,
-    useHandleNotification,
-    useInvalidate,
-    useLog,
-    useMeta,
-    useMutationMode,
-    useOnError,
-    usePublish,
-    useRefineContext,
-    useResource,
-    useTranslate,
+  useCancelNotification,
+  useDataProvider,
+  useHandleNotification,
+  useInvalidate,
+  useLog,
+  useMeta,
+  useMutationMode,
+  useOnError,
+  usePublish,
+  useRefineContext,
+  useResource,
+  useTranslate,
 } from "@hooks";
 import { useKeys } from "@hooks/useKeys";
 import {
-    BaseKey,
-    BaseRecord,
-    DeleteOneResponse,
-    GetListResponse,
-    HttpError,
-    IQueryKeys,
-    MetaQuery,
-    MutationMode,
-    PrevContext as DeleteContext,
-    PreviousQuery,
-    SuccessErrorNotification,
+  BaseKey,
+  BaseRecord,
+  DeleteOneResponse,
+  GetListResponse,
+  HttpError,
+  IQueryKeys,
+  MetaQuery,
+  MutationMode,
+  PrevContext as DeleteContext,
+  PreviousQuery,
+  SuccessErrorNotification,
 } from "../../interfaces";
 import {
-    useLoadingOvertime,
-    UseLoadingOvertimeOptionsProps,
-    UseLoadingOvertimeReturnType,
+  useLoadingOvertime,
+  UseLoadingOvertimeOptionsProps,
+  UseLoadingOvertimeReturnType,
 } from "../useLoadingOvertime";
 
 export type DeleteParams<TData, TError, TVariables> = {
-    /**
-     * id for mutation function
-     */
-    id: BaseKey;
-    /**
-     * Resource name for API data interactions
-     */
-    resource: string;
-    /**
-     * [Determines when mutations are executed](/advanced-tutorials/mutation-mode.md)
-     */
-    mutationMode?: MutationMode;
-    /**
-     * Duration in ms to wait before executing the mutation when `mutationMode = "undoable"`
-     */
-    undoableTimeout?: number;
-    /**
-     * Provides a function to cancel the mutation when `mutationMode = "undoable"`
-     */
-    onCancel?: (cancelMutation: () => void) => void;
-    /**
-     * Metadata query for dataProvider
-     */
-    meta?: MetaQuery;
-    /**
-     * @deprecated `metaData` is deprecated with refine@4, refine will pass `meta` instead, however, we still support `metaData` for backward compatibility.
-     */
-    metaData?: MetaQuery;
-    /**
-     * If there is more than one `dataProvider`, you should use the `dataProviderName` that you will use.
-     * @default "default"
-     */
-    dataProviderName?: string;
-    /**
-     *  You can use it to manage the invalidations that will occur at the end of the mutation.
-     */
-    invalidates?: Array<keyof IQueryKeys>;
-    /**
-     * Values for mutation function
-     */
-    values?: TVariables;
+  /**
+   * id for mutation function
+   */
+  id: BaseKey;
+  /**
+   * Resource name for API data interactions
+   */
+  resource: string;
+  /**
+   * [Determines when mutations are executed](/advanced-tutorials/mutation-mode.md)
+   */
+  mutationMode?: MutationMode;
+  /**
+   * Duration in ms to wait before executing the mutation when `mutationMode = "undoable"`
+   */
+  undoableTimeout?: number;
+  /**
+   * Provides a function to cancel the mutation when `mutationMode = "undoable"`
+   */
+  onCancel?: (cancelMutation: () => void) => void;
+  /**
+   * Metadata query for dataProvider
+   */
+  meta?: MetaQuery;
+  /**
+   * @deprecated `metaData` is deprecated with refine@4, refine will pass `meta` instead, however, we still support `metaData` for backward compatibility.
+   */
+  metaData?: MetaQuery;
+  /**
+   * If there is more than one `dataProvider`, you should use the `dataProviderName` that you will use.
+   * @default "default"
+   */
+  dataProviderName?: string;
+  /**
+   *  You can use it to manage the invalidations that will occur at the end of the mutation.
+   */
+  invalidates?: Array<keyof IQueryKeys>;
+  /**
+   * Values for mutation function
+   */
+  values?: TVariables;
 } & SuccessErrorNotification<DeleteOneResponse<TData>, TError, BaseKey>;
 
 export type UseDeleteReturnType<
-    TData extends BaseRecord = BaseRecord,
-    TError = HttpError,
-    TVariables = {},
+  TData extends BaseRecord = BaseRecord,
+  TError = HttpError,
+  TVariables = {},
 > = UseMutationResult<
-    DeleteOneResponse<TData>,
-    TError,
-    DeleteParams<TData, TError, TVariables>,
-    DeleteContext<TData>
+  DeleteOneResponse<TData>,
+  TError,
+  DeleteParams<TData, TError, TVariables>,
+  DeleteContext<TData>
 > &
-    UseLoadingOvertimeReturnType;
+  UseLoadingOvertimeReturnType;
 
 export type UseDeleteProps<
-    TData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
+  TData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
 > = {
-    mutationOptions?: Omit<
-        UseMutationOptions<
-            DeleteOneResponse<TData>,
-            TError,
-            DeleteParams<TData, TError, TVariables>,
-            DeleteContext<TData>
-        >,
-        "mutationFn" | "onError" | "onSuccess" | "onSettled" | "onMutate"
-    >;
+  mutationOptions?: Omit<
+    UseMutationOptions<
+      DeleteOneResponse<TData>,
+      TError,
+      DeleteParams<TData, TError, TVariables>,
+      DeleteContext<TData>
+    >,
+    "mutationFn" | "onError" | "onSuccess" | "onSettled" | "onMutate"
+  >;
 } & UseLoadingOvertimeOptionsProps;
 
 /**
@@ -132,377 +132,370 @@ export type UseDeleteProps<
  *
  */
 export const useDelete = <
-    TData extends BaseRecord = BaseRecord,
-    TError extends HttpError = HttpError,
-    TVariables = {},
+  TData extends BaseRecord = BaseRecord,
+  TError extends HttpError = HttpError,
+  TVariables = {},
 >({
-    mutationOptions,
-    overtimeOptions,
+  mutationOptions,
+  overtimeOptions,
 }: UseDeleteProps<TData, TError, TVariables> = {}): UseDeleteReturnType<
-    TData,
-    TError,
-    TVariables
+  TData,
+  TError,
+  TVariables
 > => {
-    const authProvider = useActiveAuthProvider();
-    const { mutate: checkError } = useOnError({
-        v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
-    });
-    const dataProvider = useDataProvider();
-
-    const { resources, select } = useResource();
-    const queryClient = useQueryClient();
-
-    const {
-        mutationMode: mutationModeContext,
-        undoableTimeout: undoableTimeoutContext,
-    } = useMutationMode();
-
-    const { notificationDispatch } = useCancelNotification();
-    const translate = useTranslate();
-    const publish = usePublish();
-    const { log } = useLog();
-    const handleNotification = useHandleNotification();
-    const invalidateStore = useInvalidate();
-    const getMeta = useMeta();
-    const {
-        options: { textTransformers },
-    } = useRefineContext();
-    const { keys, preferLegacyKeys } = useKeys();
-
-    const mutation = useMutation<
-        DeleteOneResponse<TData>,
-        TError,
-        DeleteParams<TData, TError, TVariables>,
-        DeleteContext<TData>
-    >({
-        mutationFn: ({
-            id,
-            mutationMode,
-            undoableTimeout,
-            resource: resourceName,
-            onCancel,
-            meta,
-            metaData,
-            dataProviderName,
-            values,
-        }) => {
-            const { resource, identifier } = select(resourceName);
-
-            const combinedMeta = getMeta({
-                resource,
-                meta: pickNotDeprecated(meta, metaData),
-            });
-
-            const mutationModePropOrContext =
-                mutationMode ?? mutationModeContext;
-
-            const undoableTimeoutPropOrContext =
-                undoableTimeout ?? undoableTimeoutContext;
-
-            if (!(mutationModePropOrContext === "undoable")) {
-                return dataProvider(
-                    pickDataProvider(identifier, dataProviderName, resources),
-                ).deleteOne<TData, TVariables>({
-                    resource: resource.name,
-                    id,
-                    meta: combinedMeta,
-                    metaData: combinedMeta,
-                    variables: values,
-                });
-            }
-
-            const deletePromise = new Promise<DeleteOneResponse<TData>>(
-                (resolve, reject) => {
-                    const doMutation = () => {
-                        dataProvider(
-                            pickDataProvider(
-                                identifier,
-                                dataProviderName,
-                                resources,
-                            ),
-                        )
-                            .deleteOne<TData, TVariables>({
-                                resource: resource.name,
-                                id,
-                                meta: combinedMeta,
-                                metaData: combinedMeta,
-                                variables: values,
-                            })
-                            .then((result) => resolve(result))
-                            .catch((err) => reject(err));
-                    };
-
-                    const cancelMutation = () => {
-                        reject({ message: "mutationCancelled" });
-                    };
-
-                    if (onCancel) {
-                        onCancel(cancelMutation);
-                    }
-
-                    notificationDispatch({
-                        type: ActionTypes.ADD,
-                        payload: {
-                            id,
-                            resource: identifier,
-                            cancelMutation: cancelMutation,
-                            doMutation: doMutation,
-                            seconds: undoableTimeoutPropOrContext,
-                            isSilent: !!onCancel,
-                        },
-                    });
-                },
-            );
-            return deletePromise;
-        },
-        onMutate: async ({
-            id,
-            resource: resourceName,
-            mutationMode,
-            dataProviderName,
-            meta,
-            metaData,
-        }) => {
-            const { identifier } = select(resourceName);
-
-            const {
-                gqlMutation: _,
-                gqlQuery: __,
-                ...preferredMeta
-            } = pickNotDeprecated(meta, metaData) ?? {};
-
-            const queryKey = queryKeysReplacement(preferLegacyKeys)(
-                identifier,
-                pickDataProvider(identifier, dataProviderName, resources),
-                preferredMeta,
-            );
-
-            const resourceKeys = keys()
-                .data(pickDataProvider(identifier, dataProviderName, resources))
-                .resource(identifier);
-
-            const mutationModePropOrContext =
-                mutationMode ?? mutationModeContext;
-
-            await queryClient.cancelQueries(
-                resourceKeys.get(preferLegacyKeys),
-                undefined,
-                {
-                    silent: true,
-                },
-            );
-
-            const previousQueries: PreviousQuery<TData>[] =
-                queryClient.getQueriesData(resourceKeys.get(preferLegacyKeys));
-
-            if (mutationModePropOrContext !== "pessimistic") {
-                // Set the previous queries to the new ones:
-                queryClient.setQueriesData(
-                    resourceKeys
-                        .action("list")
-                        .params(preferredMeta ?? {})
-                        .get(preferLegacyKeys),
-                    (previous?: GetListResponse<TData> | null) => {
-                        if (!previous) {
-                            return null;
-                        }
-                        const data = previous.data.filter(
-                            (record: TData) =>
-                                record.id?.toString() !== id.toString(),
-                        );
-
-                        return {
-                            data,
-                            total: previous.total - 1,
-                        };
-                    },
-                );
-
-                queryClient.setQueriesData(
-                    resourceKeys.action("many").get(preferLegacyKeys),
-                    (previous?: GetListResponse<TData> | null) => {
-                        if (!previous) {
-                            return null;
-                        }
-                        const data = previous.data.filter((record: TData) => {
-                            return record.id?.toString() !== id?.toString();
-                        });
-
-                        return {
-                            ...previous,
-                            data,
-                        };
-                    },
-                );
-            }
-
-            return {
-                previousQueries,
-                queryKey,
-            };
-        },
-        onSettled: (
-            _data,
-            _error,
-            {
+  const authProvider = useActiveAuthProvider();
+  const { mutate: checkError } = useOnError({
+    v3LegacyAuthProviderCompatible: Boolean(authProvider?.isLegacy),
+  });
+  const dataProvider = useDataProvider();
+
+  const { resources, select } = useResource();
+  const queryClient = useQueryClient();
+
+  const {
+    mutationMode: mutationModeContext,
+    undoableTimeout: undoableTimeoutContext,
+  } = useMutationMode();
+
+  const { notificationDispatch } = useCancelNotification();
+  const translate = useTranslate();
+  const publish = usePublish();
+  const { log } = useLog();
+  const handleNotification = useHandleNotification();
+  const invalidateStore = useInvalidate();
+  const getMeta = useMeta();
+  const {
+    options: { textTransformers },
+  } = useRefineContext();
+  const { keys, preferLegacyKeys } = useKeys();
+
+  const mutation = useMutation<
+    DeleteOneResponse<TData>,
+    TError,
+    DeleteParams<TData, TError, TVariables>,
+    DeleteContext<TData>
+  >({
+    mutationFn: ({
+      id,
+      mutationMode,
+      undoableTimeout,
+      resource: resourceName,
+      onCancel,
+      meta,
+      metaData,
+      dataProviderName,
+      values,
+    }) => {
+      const { resource, identifier } = select(resourceName);
+
+      const combinedMeta = getMeta({
+        resource,
+        meta: pickNotDeprecated(meta, metaData),
+      });
+
+      const mutationModePropOrContext = mutationMode ?? mutationModeContext;
+
+      const undoableTimeoutPropOrContext =
+        undoableTimeout ?? undoableTimeoutContext;
+
+      if (!(mutationModePropOrContext === "undoable")) {
+        return dataProvider(
+          pickDataProvider(identifier, dataProviderName, resources),
+        ).deleteOne<TData, TVariables>({
+          resource: resource.name,
+          id,
+          meta: combinedMeta,
+          metaData: combinedMeta,
+          variables: values,
+        });
+      }
+
+      const deletePromise = new Promise<DeleteOneResponse<TData>>(
+        (resolve, reject) => {
+          const doMutation = () => {
+            dataProvider(
+              pickDataProvider(identifier, dataProviderName, resources),
+            )
+              .deleteOne<TData, TVariables>({
+                resource: resource.name,
                 id,
-                resource: resourceName,
-                dataProviderName,
-                invalidates = ["list", "many"],
+                meta: combinedMeta,
+                metaData: combinedMeta,
+                variables: values,
+              })
+              .then((result) => resolve(result))
+              .catch((err) => reject(err));
+          };
+
+          const cancelMutation = () => {
+            reject({ message: "mutationCancelled" });
+          };
+
+          if (onCancel) {
+            onCancel(cancelMutation);
+          }
+
+          notificationDispatch({
+            type: ActionTypes.ADD,
+            payload: {
+              id,
+              resource: identifier,
+              cancelMutation: cancelMutation,
+              doMutation: doMutation,
+              seconds: undoableTimeoutPropOrContext,
+              isSilent: !!onCancel,
             },
-        ) => {
-            const { identifier } = select(resourceName);
-
-            // invalidate the cache for the list and many queries:
-            invalidateStore({
-                resource: identifier,
-                dataProviderName: pickDataProvider(
-                    identifier,
-                    dataProviderName,
-                    resources,
-                ),
-                invalidates,
-            });
-
-            notificationDispatch({
-                type: ActionTypes.REMOVE,
-                payload: { id, resource: identifier },
-            });
+          });
         },
-        onSuccess: (
-            _data,
-            {
-                id,
-                resource: resourceName,
-                successNotification,
-                dataProviderName: dataProviderNameFromProp,
-                meta,
-                metaData,
-            },
-            context,
-        ) => {
-            const { resource, identifier } = select(resourceName);
-            const resourceSingular = textTransformers.singular(identifier);
-
-            const dataProviderName = pickDataProvider(
-                identifier,
-                dataProviderNameFromProp,
-                resources,
+      );
+      return deletePromise;
+    },
+    onMutate: async ({
+      id,
+      resource: resourceName,
+      mutationMode,
+      dataProviderName,
+      meta,
+      metaData,
+    }) => {
+      const { identifier } = select(resourceName);
+
+      const {
+        gqlMutation: _,
+        gqlQuery: __,
+        ...preferredMeta
+      } = pickNotDeprecated(meta, metaData) ?? {};
+
+      const queryKey = queryKeysReplacement(preferLegacyKeys)(
+        identifier,
+        pickDataProvider(identifier, dataProviderName, resources),
+        preferredMeta,
+      );
+
+      const resourceKeys = keys()
+        .data(pickDataProvider(identifier, dataProviderName, resources))
+        .resource(identifier);
+
+      const mutationModePropOrContext = mutationMode ?? mutationModeContext;
+
+      await queryClient.cancelQueries(
+        resourceKeys.get(preferLegacyKeys),
+        undefined,
+        {
+          silent: true,
+        },
+      );
+
+      const previousQueries: PreviousQuery<TData>[] =
+        queryClient.getQueriesData(resourceKeys.get(preferLegacyKeys));
+
+      if (mutationModePropOrContext !== "pessimistic") {
+        // Set the previous queries to the new ones:
+        queryClient.setQueriesData(
+          resourceKeys
+            .action("list")
+            .params(preferredMeta ?? {})
+            .get(preferLegacyKeys),
+          (previous?: GetListResponse<TData> | null) => {
+            if (!previous) {
+              return null;
+            }
+            const data = previous.data.filter(
+              (record: TData) => record.id?.toString() !== id.toString(),
             );
 
-            const combinedMeta = getMeta({
-                resource,
-                meta: pickNotDeprecated(meta, metaData),
-            });
-
-            // Remove the queries from the cache:
-            queryClient.removeQueries(context?.queryKey.detail(id));
-
-            const notificationConfig =
-                typeof successNotification === "function"
-                    ? successNotification(_data, id, identifier)
-                    : successNotification;
-
-            handleNotification(notificationConfig, {
-                key: `${id}-${identifier}-notification`,
-                description: translate("notifications.success", "Success"),
-                message: translate(
-                    "notifications.deleteSuccess",
-                    {
-                        resource: translate(
-                            `${identifier}.${identifier}`,
-                            resourceSingular,
-                        ),
-                    },
-                    `Successfully deleted a ${resourceSingular}`,
-                ),
-                type: "success",
-            });
-
-            publish?.({
-                channel: `resources/${resource.name}`,
-                type: "deleted",
-                payload: {
-                    ids: [id],
-                },
-                date: new Date(),
-                meta: {
-                    ...combinedMeta,
-                    dataProviderName,
-                },
-            });
-
-            const {
-                fields: _fields,
-                operation: _operation,
-                variables: _variables,
-                ...rest
-            } = combinedMeta || {};
-            log?.mutate({
-                action: "delete",
-                resource: resource.name,
-                meta: {
-                    id,
-                    dataProviderName,
-                    ...rest,
-                },
+            return {
+              data,
+              total: previous.total - 1,
+            };
+          },
+        );
+
+        queryClient.setQueriesData(
+          resourceKeys.action("many").get(preferLegacyKeys),
+          (previous?: GetListResponse<TData> | null) => {
+            if (!previous) {
+              return null;
+            }
+            const data = previous.data.filter((record: TData) => {
+              return record.id?.toString() !== id?.toString();
             });
 
-            // Remove the queries from the cache:
-            queryClient.removeQueries(context?.queryKey.detail(id));
+            return {
+              ...previous,
+              data,
+            };
+          },
+        );
+      }
+
+      return {
+        previousQueries,
+        queryKey,
+      };
+    },
+    onSettled: (
+      _data,
+      _error,
+      {
+        id,
+        resource: resourceName,
+        dataProviderName,
+        invalidates = ["list", "many"],
+      },
+    ) => {
+      const { identifier } = select(resourceName);
+
+      // invalidate the cache for the list and many queries:
+      invalidateStore({
+        resource: identifier,
+        dataProviderName: pickDataProvider(
+          identifier,
+          dataProviderName,
+          resources,
+        ),
+        invalidates,
+      });
+
+      notificationDispatch({
+        type: ActionTypes.REMOVE,
+        payload: { id, resource: identifier },
+      });
+    },
+    onSuccess: (
+      _data,
+      {
+        id,
+        resource: resourceName,
+        successNotification,
+        dataProviderName: dataProviderNameFromProp,
+        meta,
+        metaData,
+      },
+      context,
+    ) => {
+      const { resource, identifier } = select(resourceName);
+      const resourceSingular = textTransformers.singular(identifier);
+
+      const dataProviderName = pickDataProvider(
+        identifier,
+        dataProviderNameFromProp,
+        resources,
+      );
+
+      const combinedMeta = getMeta({
+        resource,
+        meta: pickNotDeprecated(meta, metaData),
+      });
+
+      // Remove the queries from the cache:
+      queryClient.removeQueries(context?.queryKey.detail(id));
+
+      const notificationConfig =
+        typeof successNotification === "function"
+          ? successNotification(_data, id, identifier)
+          : successNotification;
+
+      handleNotification(notificationConfig, {
+        key: `${id}-${identifier}-notification`,
+        description: translate("notifications.success", "Success"),
+        message: translate(
+          "notifications.deleteSuccess",
+          {
+            resource: translate(
+              `${identifier}.${identifier}`,
+              resourceSingular,
+            ),
+          },
+          `Successfully deleted a ${resourceSingular}`,
+        ),
+        type: "success",
+      });
+
+      publish?.({
+        channel: `resources/${resource.name}`,
+        type: "deleted",
+        payload: {
+          ids: [id],
         },
-        onError: (
-            err: TError,
-            { id, resource: resourceName, errorNotification },
-            context,
-        ) => {
-            const { identifier } = select(resourceName);
-
-            // set back the queries to the context:
-            if (context) {
-                for (const query of context.previousQueries) {
-                    queryClient.setQueryData(query[0], query[1]);
-                }
-            }
-
-            if (err.message !== "mutationCancelled") {
-                checkError(err);
-
-                const resourceSingular = textTransformers.singular(identifier);
-
-                const notificationConfig =
-                    typeof errorNotification === "function"
-                        ? errorNotification(err, id, identifier)
-                        : errorNotification;
-
-                handleNotification(notificationConfig, {
-                    key: `${id}-${identifier}-notification`,
-                    message: translate(
-                        "notifications.deleteError",
-                        {
-                            resource: resourceSingular,
-                            statusCode: err.statusCode,
-                        },
-                        `Error (status code: ${err.statusCode})`,
-                    ),
-                    description: err.message,
-                    type: "error",
-                });
-            }
+        date: new Date(),
+        meta: {
+          ...combinedMeta,
+          dataProviderName,
         },
-        mutationKey: keys().data().mutation("delete").get(preferLegacyKeys),
-        ...mutationOptions,
+      });
+
+      const {
+        fields: _fields,
+        operation: _operation,
+        variables: _variables,
+        ...rest
+      } = combinedMeta || {};
+      log?.mutate({
+        action: "delete",
+        resource: resource.name,
         meta: {
-            ...mutationOptions?.meta,
-            ...getXRay("useDelete", preferLegacyKeys),
+          id,
+          dataProviderName,
+          ...rest,
         },
-    });
-
-    const { elapsedTime } = useLoadingOvertime({
-        isLoading: mutation.isLoading,
-        interval: overtimeOptions?.interval,
-        onInterval: overtimeOptions?.onInterval,
-    });
-
-    return { ...mutation, overtime: { elapsedTime } };
+      });
+
+      // Remove the queries from the cache:
+      queryClient.removeQueries(context?.queryKey.detail(id));
+    },
+    onError: (
+      err: TError,
+      { id, resource: resourceName, errorNotification },
+      context,
+    ) => {
+      const { identifier } = select(resourceName);
+
+      // set back the queries to the context:
+      if (context) {
+        for (const query of context.previousQueries) {
+          queryClient.setQueryData(query[0], query[1]);
+        }
+      }
+
+      if (err.message !== "mutationCancelled") {
+        checkError(err);
+
+        const resourceSingular = textTransformers.singular(identifier);
+
+        const notificationConfig =
+          typeof errorNotification === "function"
+            ? errorNotification(err, id, identifier)
+            : errorNotification;
+
+        handleNotification(notificationConfig, {
+          key: `${id}-${identifier}-notification`,
+          message: translate(
+            "notifications.deleteError",
+            {
+              resource: resourceSingular,
+              statusCode: err.statusCode,
+            },
+            `Error (status code: ${err.statusCode})`,
+          ),
+          description: err.message,
+          type: "error",
+        });
+      }
+    },
+    mutationKey: keys().data().mutation("delete").get(preferLegacyKeys),
+    ...mutationOptions,
+    meta: {
+      ...mutationOptions?.meta,
+      ...getXRay("useDelete", preferLegacyKeys),
+    },
+  });
+
+  const { elapsedTime } = useLoadingOvertime({
+    isLoading: mutation.isLoading,
+    interval: overtimeOptions?.interval,
+    onInterval: overtimeOptions?.onInterval,
+  });
+
+  return { ...mutation, overtime: { elapsedTime } };
 };