clean circle

layer.js

map.addSource("mysource", mySource)

map.addLayer({
    "id": "hunter-circle",
    "type": "circle",
    "source": "mysource",
    "paint": {
        "circle-opacity": ['get', 'opacity'],
        "circle-stroke-color": ['get', 'stroke'],
        "circle-color": ['get', 'color'],
        "circle-radius": ["interpolate", ["exponential", 2.0], ["zoom"], 0.0, 0.0, 20.0, ["get", "stopper"]]
    },
    "filter": ["==", "group", "inner"],
});

source.js

const metersToPixelsAtMaxZoom = (meters, latitude) => meters / 0.075 / Math.cos(latitude * Math.PI / 180)

let mySource = {
    "type": "geojson",
    "data": {
        "type": "FeatureCollection",
        "features": [{
            "type": "Feature",
            'properties': {
                'color': "#f00",
                'stroke': "#fff",
                'group': 'inner',
                'test' : 100,
                'opacity': 0.5,
                'stopper' : metersToPixelsAtMaxZoom( 10, 52)
            },
            "geometry": {
                "type": "Point",
                "coordinates": [5,52]
            }
        }]
    }
}