v8: Identify Pivot Item's visibility?

[kushagrms]

Hi,
Usecase:
I am using v8 with React. I am using Pivot to create a NavBar with overflowType as "menu". Inside the NavBar items, some items have badges. These badges have impression events embeded to them that are fired on componentDidMount (useEffect hook).

Issue:
If a Pivot Item with badge is rendered inside the Overflow menu, the impression event is getting fired which is not desired for me. I could see that the overlow is handled by JS and CSS and hence, no re-rendering is involved. Also, I could not find any hooks/props that can help. How can I identify if a Pivot Item (NavBar item) is part of overflow menu?