Почему тултип Tippy js не работает с React.cloneElement?

Может кто сталкивался. Использую Tippyjs. Передаю children через React.cloneElement, чтобы передать нужные пропсы. Tippy работает, но все тултипы показываются не над элементами, а спозиционированными слева сверху экрана, без привязки к самому элементу. Как это можно исправить?

export default function Tooltip() {
const myRef= React.useRef(null);
return (
  <Tippy>
    {React.cloneElement(
        React.isValidElement(children) ? (
          children
        ) : (
          <span {...props}>{children}</span>
        ),

      {
        ref: myRef,
        onMouseOut: onMouseOut,
        onMouseOver: onMouseOver,
        className: className,
        ...props,
      }
    )}
  </Tippy>
);

};


Ответы (0 шт):