[BUG] [DUPLICATE] Controlled drawer render twice drawer content

[DavidRojas1612]

Hi everybody, i had having a bug when i try to use a controlled drawer, its render twice the drawer content and idk why. any idea?

showContactInfo is a boolean on zustand.

      <Drawer
        open={showContactInfo}
        onOpenChange={(open) => {
          dispatch([{ type: StateTypes.showContactInfo, value: open }]);
        }}
        direction="bottom"
      >
        <DrawerContent className="max-h-[90dvh] min-h-[40dvh] w-full min-w-full block bg-white">
          <DrawerTitle className="sr-only" />
          <ContantPanel
            hasAlerts={hasAlerts}
            contactInfo={contactInfo}
            onClose={() =>
              dispatch([
                { type: StateTypes.showContactInfo, value: false },
                { type: StateTypes.backToContact, value: false },
              ])
            }
            onAlertsManagement={() => {
              dispatch([
                { type: StateTypes.showContactInfo, value: false },
                { type: StateTypes.showAlerts, value: true },
                { type: StateTypes.backToContact, value: true },
              ]);
            }}
          />
        </DrawerContent>
      </Drawer>

[DavidRojas1612]

i found the bug is on onOpenChange, when i pass a setter from useState it works very well, so, does exist any way to use zustand with vaul ?