JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mapa">
<svg xmlns="http://www.w3.org/2000/svg"
     width="600" height="590"
     viewBox="0 0 432 428">
 <g>
 <path id="acre" data-name="Acre"
        d="M 40.00,152.22
           C 40.00,152.22 60.00,161.14 60.00,161.14
             60.00,161.14 80.00,169.00 80.00,169.00
             80.00,169.00 68.04,178.01 68.04,178.01
             68.04,178.01 61.83,181.89 61.83,181.89
             61.83,181.89 51.00,181.20 51.00,181.20
             51.00,181.20 41.02,181.20 41.02,181.20
             41.02,181.20 40.00,166.00 40.00,166.00
             31.03,170.30 35.35,172.89 23.00,173.00
             21.09,167.71 19.37,167.32 14.00,167.00
             13.89,162.33 6.35,152.59 3.00,149.00
             3.00,149.00 5.00,143.00 5.00,143.00
             24.48,151.38 25.04,147.54 40.00,152.22 Z" />
         <text x="15" y="160">AC</text>
     
         <path id="amazonas" data-name="Amazonas"
         d="M 107.41,41.88
           C 109.77,39.55 112.91,35.55 116.79,37.21
             124.10,40.33 124.74,57.06 126.00,64.00
             124.82,67.38 128.78,70.76 131.96,71.85
             137.43,73.72 135.92,65.82 139.27,64.74
             142.31,63.76 143.83,67.98 147.06,66.06
             150.08,64.27 152.27,57.94 155.37,56.02
             157.59,54.65 162.35,55.00 165.00,55.00
             165.54,61.46 169.11,71.86 175.17,75.10
             180.73,78.08 180.40,74.31 192.00,82.00
             192.00,82.00 177.23,117.00 177.23,117.00
             177.23,117.00 172.40,128.00 172.40,128.00
             172.40,128.00 173.38,136.96 173.38,136.96
             173.38,136.96 171.00,153.00 171.00,153.00
             162.01,153.00 142.80,153.74 135.00,151.83
             124.88,149.34 124.65,143.02 118.01,144.33
             111.69,145.58 109.29,152.77 106.59,154.64
             106.59,154.64 94.96,161.41 94.96,161.41
             92.05,161.84 89.71,160.81 87.00,161.41
             84.10,162.49 82.13,164.93 79.00,165.39
             75.88,165.84 70.00,163.20 67.00,162.00
         ...

CSS

#mapa svg path {
    stroke:#200772; /*cor da borda do estado*/
    fill:#4671D5; /*cor do estado*/
    cursor:pointer;
}

#mapa svg path:hover {
    fill:#be2f33;
    stroke:#be2f33;
}
#mapa svg text {
    fill:#fff;
    font-size: 10px;
}

JavaScript

$("#mapa path").click(function(){
    alert('Voce clicou no estado do '+$(this).attr('data-name'));
});