Is there a way to apply <Tilt> for a container but only actually tilt the children?

[Blankeos]

I'm looking for a way to apply the hover with the container, but only actually tilt the child.
I kinda don't like the shakey behavior that happens when you hover on the container, so the tilt turns on and off very quickly.

I feel like it could be fixed if the hover was applied on the container but only the child moves. That way, it's more predictable how the tilt happens when you hover.

<Tilt>
  <div> /* the container */
    <div></div> /* the child */
  </div>
</Tilt>

Is there already a way to do this?

[Blankeos]

I came up with a work-around that works absolutely well!

const [isHovered, setIsHovered] = useState<boolean>(false);

<div
  className="relative p-8 bg-blue-500"
  onMouseEnter={() => setIsHovered(true)}
  onMouseLeave={() => setIsHovered(false)}
>
  <Tilt
    tiltReverse
    tiltAngleXManual={isHovered ? undefined : 0}
    tiltAngleYManual={isHovered ? undefined : 0}
    trackOnWindow={true}
  >
    <div className="relative w-[40rem] h-[25rem] ">
      <Image
        src="/ticket.webp"
        fill
        alt="ticket"
        className="object-contain"
      />
    </div>
  </Tilt>
</div>