Issue with Closing Popover in Shadcn UI

[tito-arch]

I am trying to close the popover triggered by another button.

<Popover.Root
              open={isPopoverOpen}
              onOpenChange={(open) => setIsPopoverOpen(open)}
            >
              <PopoverTrigger className="flex items-center justify-center  gap-2 w-3/4 bg-green-500 text-white px-4 py-2 rounded cursor-pointer">
                <p>New Chat</p>
                <MdPlaylistAdd className="text-xl " />
              </PopoverTrigger>
              <PopoverContent>
                <form>
                  <label htmlFor="chatName" className="block mb-2 text-sm">
                    Enter Chat Name:
                  </label>
                  <input
                    type="text"
                    id="chatName"
                    placeholder="Enter chat name"
                    value={chatName}
                    onChange={handleInputChange}
                    className="w-full p-2 mb-2 border rounded"
                  />
                  <div className="flex justify-between">
                    <button
                      type="button"
                      onClick={handleCreateChat}
                      className="bg-green-500 text-white px-4 py-2 rounded cursor-pointer mr-2"
                    >
                      Create
                    </button>
                    <button
                      type="button"
                      onClick={handleCancel}
                      className="bg-gray-500 text-white px-4 py-2 rounded cursor-pointer"
                    >
                      Cancel
                    </button>
                  </div>
                </form>
              </PopoverContent>
            </Popover.Root>

Pop over related state

  const [isPopoverOpen, setIsPopoverOpen] = useState(false);

  const handleInputChange = (e) => {
    setChatName(e.target.value);
  };

  const handleCreateChat = () => {
    // Live API call
    console.log(`Creating chat with name: ${chatName}`);
    // Close the popover
  };

  const handleCancel = () => {
    setChatName("");
//close pop over
    setIsPopoverOpen(false);
  };

[revengemiroz]

do you have a reproducible repo or link