JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="UTF-8"?>
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117.28 114.89">
  <rect class="col_05" x="3" y="3" width="110" height="110" style="fill: #e5211e;"/>
<script>  

const element = document.querySelector('.col_05');

element.addEventListener('mouseover', function handleMouseOver() {
  this.style.fill = 'yellow';
});

element.addEventListener('mouseout', function handleMouseOver() {
  this.style.fill = '#e5211e';
});
    </script>
</svg>