[bug]: toggle in tooltip is not working

[fredle09]

Describe the bug

I have this code:

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger asChild>
      <Toggle
        variant="outline"
        aria-label="Toggle love"
        className="pl-2.5"
      >
        <HeartPlusIcon className="h-6 w-6 mr-2" />
        Love
      </Toggle>
    </TooltipTrigger>
    <TooltipContent side="bottom">
      <span>Love this event</span>
    </TooltipContent>
  </Tooltip>
</TooltipProvider>

Now, the toggle is not working. And my temporary solution is not to use asChild property in TooltipTriger, but it will come to another problem which is <button> in <button>.

Affected component/components

Tooltip, Toggle

How to reproduce

Just import tooltip, and toggle, and use them like the code above

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

Chrome, Edge

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues