diff --git a/src/Handles/Handle.tsx b/src/Handles/Handle.tsx
index ca55db81d..5c4e8ec4e 100644
--- a/src/Handles/Handle.tsx
+++ b/src/Handles/Handle.tsx
@@ -22,7 +22,7 @@ export interface HandleProps
   dragging: boolean;
   draggingDelete: boolean;
   onStartMove: OnStartMove;
-  onDelete: (index: number) => void;
+  onDelete?: (index: number) => void;
   onOffsetChange: (value: number | 'min' | 'max', valueIndex: number) => void;
   onFocus: (e: React.FocusEvent<HTMLDivElement>, index: number) => void;
   onMouseEnter: (e: React.MouseEvent<HTMLDivElement>, index: number) => void;
@@ -127,7 +127,7 @@ const Handle = React.forwardRef<HTMLDivElement, HandleProps>((props, ref) => {
 
         case KeyCode.BACKSPACE:
         case KeyCode.DELETE:
-          onDelete(valueIndex);
+          onDelete?.(valueIndex);
           break;
       }
 
diff --git a/src/Handles/index.tsx b/src/Handles/index.tsx
index 39c99018b..89fa2b205 100644
--- a/src/Handles/index.tsx
+++ b/src/Handles/index.tsx
@@ -13,7 +13,7 @@ export interface HandlesProps {
   onOffsetChange: (value: number | 'min' | 'max', valueIndex: number) => void;
   onFocus?: (e: React.FocusEvent<HTMLDivElement>) => void;
   onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;
-  onDelete: (index: number) => void;
+  onDelete?: (index: number) => void;
   handleRender?: HandleProps['render'];
   /**
    * When config `activeHandleRender`,