How to use "setFeatureState" from hover

[CaliforniaLuv]

Hello,

I am trying to give a hover effect to the "Circle" element created through "Layer".

It is implemented well in mapbox, but not in React-map-gl.

   
    return ( 
        <>
  
                    <Source type="geojson" data={data}>
                      <Layer {...countiesLayer}/>
                    </Source>

        </>
    )

export const countiesLayer = {
  id: 'sanfrancisco',
  type: 'circle',
  source: 'states',
  paint: {
      
    'circle-color': '#ffb300',
    'circle-radius': [
        'case',
        ['boolean', ['feature-state', 'hover'], false],
        [
            'interpolate',
            ['linear'],
            ['get', 'capacity'],
            1000, 13
        ],
        [
            'interpolate',
            ['linear'],
            ['get', 'capacity'],
            1000, 8
        ]
    ],
    'circle-stroke-width': 2,
    'circle-stroke-color': '#fff'
  }
}

👇 Implementation i want 👇

[Pessimistress]

Call mapRef.setFeatureState().