html – interact with SVG Marker element with event handlers in React(JS)

see demo:
as you can see – the events on the marker element just do not fire.

what can do to make it work, or any idea for an easy alternative implementing arrowhead without the use of SVG marker elements, or any sort of workaround?

(you can see a more detailed explanation of the problem here )