JSFiddle - React, Tailwind, and code Playground

HTML

<object class="emb" id="svgObject" data="https://upload.wikimedia.org/wikipedia/commons/f/ff/Charts_SVG_Example_5_-_Simple_Pie_Chart.svg" type="image/svg+xml"></object>

JavaScript

function getSubDocument(embedding_element) {
    if (embedding_element.contentDocument) {
        return embedding_element.contentDocument;
		} else {
				var subdoc = null;
				try {
					  subdoc = embedding_element.getSVGDocument();
				} catch(e) {}
				return subdoc;
		}
}
function docReady(fn) {
    // see if DOM is already available
    if (document.readyState === "complete" || document.readyState === "interactive") {
        // call on next available tick
        setTimeout(fn, 20000);
    } else {
        document.addEventListener("DOMContentLoaded", fn);
    }
}    
docReady(function() {
    var svgObject = document.getElementById('svgObject');
    var svg = getSubDocument(svgObject);
    if (svg) {
        console.log(svg);
        svg.getElementById("segment1").setAttribute("fill", "lime");
    }
});