I am looking to create popovers on top of markers using React Ace Editor https://github.com/securingsincity/react-ace/blob/master/docs/FAQ.md. I found an example based on Ace Editor here https://codepen.io/oatssss/pen/oYxJQV to create marker popovers but have not been able to make the events work correctly with the React wrapper (React Ace)

The example shared above includes creating markers addDynamicMarkers, which is already done by React Ace through the markers prop. However the mousenter on the specific markers HTML is posing a challenge.

https://codesandbox.io/s/immutable-waterfall-d9x5u9 (react ace with markers)

Is there an example on these lines or hints from someone who has worked on a similar outcome is highly appreciated.