JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" standalone="yes"?>
<svg xmlns="http://www.w3.org/2000/svg">
  <foreignobject x="10" y="10" width="100" height="150">
    <body xmlns="http://www.w3.org/1999/xhtml">
      <table border=1>
          <tr>
              <td><rect id="rect1" ry=0 rx=0 x=50 y=50 width=20px height=20px fill=red /</td>
              <td><rect id="rect2" ry=0 rx=0 x=80 y=50 width=20px height=20px fill=blue /></td>    
          </tr>
      </table>
    </body>
  </foreignobject>
</svg>