How to stop click event propagation on DropdownMenu

[narayanchoudhary]

// Parent Div
<div onClick={()=> alert('I am clicked')}>

    //Child 
        <DropdownMenu>
             <MenuItem>item 1<MenuItem>
        </DropdownMenu>
</div>

When I click on DropdownMenu the onClick of the parent div also gets called.

How can I stop that?