Opening Dialog Inside DropDownMenu Shadcn UI React JS

Question

I am trying to have a button in my DropDownMenu from Shadcn UI that opens a Dialog component.

I have two options.

1. I trigger the Dialog from the DropDownMenuItem component
2. I trigger the Dialog from a separate Button component

OPTION 1 PROBLEM

The DropDownMenu & Dialog are closed immediately simultaneously

OPTION 2 PROBLEM

The DropDownMenu remains open

Here is my minimal example code for option 1; Does anyone have a solution?

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button>Trigger Dropdown</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuLabel>Organisation</DropdownMenuLabel>
    <DropdownMenuItem>
      <Dialog>
        <DialogTrigger>
          <Button>Trigger Dialog</Button>
        </DialogTrigger>
        <DialogContent>{...dialogContent}</DialogContent>
      </Dialog>
    </DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>;