[Hover Card]: How to change hover timeline?

[alamenai]

I have this HoverCard and I want to change the delay time:

  <HoverCard>
                              <HoverCardTrigger>
                                <Badge className='bg-blue-600 text-white text-sm gap-1 cursor-pointer hover:bg-blue-600'>
                                  <UserRound size={18} />
                                  {selectedCarouselIndex + 1}
                                </Badge>
                              </HoverCardTrigger>
                              <HoverCardContent className='space-y-3'>
                                <p className='text-sm'>
                                  {selectedCarouselIndex + 1} person{selectedCarouselIndex + 1 > 1 && "s"} ={" "}
                                  {form.watch("electricityAnnualConsumption")} kWh
                                </p>
                                <Separator />
                                <CardDescription className='font-normal leading-6'>
                                  Der durchschnittliche Stromverbrauch einer Person beträgt jährlich 2500 kWh. Das hier
                                  angezeigte Ergebnis ergibt sich aus der Multiplikation der Personenzahl mit 2500 kWh.
                                </CardDescription>
                              </HoverCardContent>
     </HoverCard>

Similar to Tooltip delayDuration properpty.

[SeifAllah-Ben-Ahmed]

import * as HoverCard from '@radix-ui/react-hover-card';

export default () => (
  <HoverCard.Root openDelay={0}>
    <HoverCard.Trigger>…</HoverCard.Trigger>
    <HoverCard.Content>…</HoverCard.Content>
  </HoverCard.Root>
);