Может кто сталкивался. Использую 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>
);
};