diff --git a/app/src/app/components/ContextMenu.tsx b/app/src/app/components/ContextMenu.tsx
index f095703f..ed1a04f8 100644
--- a/app/src/app/components/ContextMenu.tsx
+++ b/app/src/app/components/ContextMenu.tsx
@@ -7,7 +7,8 @@ export const MapContextMenu: React.FC = () => {
   const contextMenu = useMapStore((state) => state.contextMenu);
   const handleShatter = useMapStore((state) => state.handleShatter);
   if (!contextMenu) return null;
-  const onClick = () => {
+
+  const handleSelect = () => {
     if (!mapDocument || contextMenu?.data?.id === undefined) return;
     handleShatter(mapDocument.document_id, [contextMenu.data.id.toString()]);
     contextMenu.close();
@@ -40,7 +41,7 @@ export const MapContextMenu: React.FC = () => {
         )}
         <ContextMenu.Item
           disabled={!mapDocument?.child_layer}
-          onClick={onClick}
+          onSelect={handleSelect}
         >
           Shatter
         </ContextMenu.Item>