On mobile onToggle triggers as many times as there are Tooltips

[bekju]

{contents.map(contentInfo => <Tooltip
   content={<ContentTooltip content={contentInfo} />}
   className='tooltip-wrapper'
   onToggle={e => loadInfo()}
>)}

I have 80 Tooltip elements on a page and on desktop it works fine, onToggle triggers only when hovering over and leaving the hover, but on mobile anywhere I touch on a document it triggers onToggle 80 times, which causes re-render and browser lag. From looking at the code I see that bodyTouchStart(e) triggers hideTip everytime I touch the body.
Even if loadInfo() is a function that only does console.log() or even nothing it causes performance issues. Am I doing something wrong?

Also is there possible to add a prop (or a way I could add it myself) to load the tooltip only on desktop? I don't need it for touch devices.

[bsidelinger912]

Hey @bekju I think I see what's going on here. Sorry for the lag in getting to this, I'm looking at it now.

[oosharma]

I am facing the exact same issue. @bsidelinger912 , were you able to find any solution for this?