diff --git a/packages/react/src/BlockSideMenu/components/DragHandleMenuItem.tsx b/packages/react/src/BlockSideMenu/components/DragHandleMenuItem.tsx
index b99774fb4a..f8ce980238 100644
--- a/packages/react/src/BlockSideMenu/components/DragHandleMenuItem.tsx
+++ b/packages/react/src/BlockSideMenu/components/DragHandleMenuItem.tsx
@@ -5,13 +5,14 @@ export type DragHandleMenuItemProps = PolymorphicComponentProps<"button"> & {
   closeMenu: () => void;
 };
 
-export const DragHandleMenuItem = (props: DragHandleMenuItemProps) => (
-  <Menu.Item
-    {...props}
+export const DragHandleMenuItem = (props: DragHandleMenuItemProps) => {
+  const {closeMenu, onClick, ...propsToPassThrough} = props;
+  return <Menu.Item
+    {...propsToPassThrough}
     onClick={(event) => {
-      props.closeMenu();
-      props.onClick?.(event);
+      closeMenu();
+      onClick?.(event);
     }}>
     {props.children}
-  </Menu.Item>
-);
+  </Menu.Item>;
+};