Is it possible to use Popover with Tooltip ?

[cha2hyun]

I'd like to know how to use Popover with Tooltip

I tried,

const [isOpen, setIsOpen] = React.useState(false);

<Popover
  isOpen={isOpen}
  onOpenChange={open => setIsOpen(open)}
>
  <PopoverTrigger>
    <Tooltip content="test">
      <button onClick={() => setIsOpen(true)}>
        OPEN
      </button>
    </Tooltip>
  </PopoverTrigger>
  <PopoverContent>
    POP
  </PopoverContent>
</Popover>

and i got this errror

any helps?🙋‍♂️

[MamkinCoder]

<div>
    <div className=" h-[100px] w-[100px] shadow-lg">Hello!</div>
    <Popover isOpen={isOpen} onOpenChange={(open) => setIsOpen(open)}>
        <Tooltip content="test">
            <span>
                <PopoverTrigger>
                    <button onClick={() => setIsOpen(true)}>OPEN</button>
                </PopoverTrigger>
            </span>
        </Tooltip>
        <PopoverContent>POP</PopoverContent>
    </Popover>
</div>

Now it works, mate!