JSFiddle - React, Tailwind, and code Playground

HTML

<pre id="logger"></pre>
<object id="obj"></object>

JavaScript

// an svg string
const svgStr = `<svg width="120" height="120" viewBox="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg">

  <rect x="10" y="10" width="100" height="100"/>
</svg>`;

// as blobURI
const blob = new Blob([svgStr], {type:'image/svg+xml'})
const blobURI = URL.createObjectURL(blob);
obj.data = blobURI;

// do some checks after it has loaded
obj.onload = e => {
  log('loaded');
  try{  
    log(obj.contentDocument.documentElement.nodeName);
    }
  catch(err){
    log('but cant access the document...');
    log(err);
  }
};
function log(val){ logger.textContent += val + '\n';}