Display GeoJson properties without using useState

[gepp4]

Hi. I have a custom Control element in my react-leaflet map that looks like this:

<Control prepend position="topright">
  {hoveredShape && (
    <div className="...">
      {hoveredShape}
    </div>
  )}
</Control>;

I use it to display the name of the geojson shape I'm hovering (a city, a region, a state).

I set hoveredShape inside the mouseover event listener:

layer.on({
  mouseover: (e: any) => {
    let layer = e.target;
    layer.setStyle({
      weight: 2,
      color: "#666",
      dashArray: "",
      fillOpacity: 0.7,
    });

    layer.bringToFront();

    if (feature.properties.hasOwnProperty("name")) {
      setHoveredShape(feature.properties.name);
    } else if (feature.properties.hasOwnProperty("prov_name")) {
      setHoveredShape(feature.properties.prov_name);
    } else {
      setHoveredShape(feature.properties.reg_name);
    }
  },

 ...

Unfortunately this way makes the component re-render every time I hover on a diffrent shape. Is there a way I can access the shape's properties in my Control element without using React's state?

Thanks.

[AntoninoGargiuloBID]

news on this? any workaround?