This is insanely verbose just for a button with a tooltip:

  import { Button } from "@/components/ui/button"
  import {
    Tooltip,
    TooltipContent,
    TooltipProvider,
    TooltipTrigger,
  } from "@/components/ui/tooltip"
 
  export default function TooltipDemo() {
    return (
      <TooltipProvider>
        <Tooltip>
          <TooltipTrigger render={<Button variant="noShadow" />}>
            Hover
          </TooltipTrigger>
          <TooltipContent>
            <p>Add to library</p>
          </TooltipContent>
        </Tooltip>
      </TooltipProvider>
    )
  }

Contrast with plain old HTML form button where the title attribute gives the tooltip text:

  <button type="submit" title="Add to library!">Hover</button>