How to add more border width to the selected shape with MapboxGL.FillLayer component

[Dev-mahediali]

I want to make this type of selected shape border (white border)

[W1MMER]

You simply add a <MapboxGL.LineLayer /> layer inside the MapboxGL.ShapeSource.

Here's an example:

<MapboxGL.ShapeSource
  id="selectedPolygon"
  shape={standData || EMPTY_FEATURE_COLLECTION}
>
  <MapboxGL.FillLayer
    id="selectedPolygonStroke"
    aboveLayerID="polygonFill"
    minZoomLevel={POLYGON_ZOOM_MINIMUM - 1}
    style={{
      fillAntialias: true,
      fillOpacity: 0.5,
      fillColor: "#ff0000",
    }}
  />
  <MapboxGL.LineLayer
    id="selectedPolygonLine"
    aboveLayerID="polygonFill"
    visibility={isSelected ? 'visible' : 'none'}
    style={{
      lineColor: "#ff0000",
      lineWidth: 2,
    }}
  />
</MapboxGL.ShapeSource>