DropDown menu does not closed when Drawer is inside the DropDownMenuItem

[syed-afzal60]

Here's the code that I used

                    <Dropdown.DropdownMenuItem asChild>
                      <MyForm />
                    </Dropdown.DropdownMenuItem>

My Form Code

<Drawer.Drawer open={isOpen} onOpenChange={setIsOpen}>
      <Drawer.DrawerTrigger asChild>
        <Button.Button variant="ghost">
          <i className="fa-solid fa-users" />
          <span className="tw-text-sm"> add item </span>
        </Button.Button>
      </Drawer.DrawerTrigger>
      <Form.Form {...form}>
                .....
      </Form.Form>
    </Drawer.Drawer>

Menu item showed on Drawer, to close it I need to close the Drawer and Click again to close the DropDownMenu