This surely cannot how to have a tooltip on a popover trigger. Radix/Shadcn has gone too far.

This is in jest, but also not. This is just so much boilerplate.

![Code preview showing use of tooltip and popover primitives:

import _ as React from “react”;
import _ as Popover from “@radix-ui/react-popover”;
import * as Tooltip from “@radix-ui/react-tooltip”;
import { MixerHorizontalIcon } from “@radix-ui/react-icons”;

function PopoverWithTooltip() {
return (
<Tooltip.Provider>
<Tooltip.Root>
<Popover.Root>
<Popover.Trigger asChild>
<Tooltip.Trigger asChild>



</Tooltip.Trigger>
</Popover.Trigger>
<Tooltip.Content sideOffset={5}>
Tooltip text here
</Tooltip.Content>
<Popover.Portal>
<Popover.Content sideOffset={5}>
Popover content here
</Popover.Content>
</Popover.Portal>
</Popover.Root>
</Tooltip.Root>
</Tooltip.Provider>
);
}](/img/notes/1a5596173098.png)