JSFiddle - React, Tailwind, and code Playground

HTML

<div  id="svg" style="position: relative; background: green; width: 900px; height: 900px;" >
<object id="object" type="image/svg+xml" data="http://www.useragentman.com/tests/pointerEvents/images/tv-path.svg">
</object>
 </div>

CSS

#svg object{
    pointer-events: none;
}

JavaScript

$('#svg').on('click', function () {
	alert('hello');	
});