backup

frontend/src/components/WorldMap.tsx

@@ -150,16 +150,18 @@ function GeoLayer({
           }
 
           return (
-            <g
-              key={geo.rsmKey}
-              style={{ cursor: cc ? "pointer" : "default" }}
+            <g key={geo.rsmKey} style={{ cursor: cc ? "pointer" : "default" }}>
+            <Geography
+              geography={geo}
               role={cc ? "button" : undefined}
               tabIndex={cc ? 0 : undefined}
-              aria-label={cc
+              aria-label={
+                cc
                   ? `${cc}: ${String(count)} ban${count !== 1 ? "s" : ""}${
                       isSelected ? " (selected)" : ""
                     }`
-                : undefined}
+                  : undefined
+              }
               aria-pressed={isSelected || undefined}
               onClick={(): void => {
                 if (cc) handleClick(cc);
@@ -194,9 +196,6 @@ function GeoLayer({
               onMouseLeave={(): void => {
                 setTooltip(null);
               }}
-            >
-              <Geography
-                geography={geo}
               style={{
                 default: {
                   fill: isSelected ? tokens.colorBrandBackground : fillColor,