'Can't display only one country with GeoJSON - React.js Leaflet

I use React-Leaflet and want to show only country one country .

I got geoJSON of country and gave style to it but other countries keep showing.

How may I hide or delete other countries ?

function style(feature) {
return {
  fillColor: "grey",
  weight: 2,
  opacity: 1,
  color: "black", //Outline color
  fillOpacity: 1
}; }

<MapContainer
          center={position}
          style={{ height: 650 }}
          zoom={window.innerWidth <= 720 ? 5 : 6}
          doubleClickZoom={false}
          dragging={window.innerWidth <= 720 ? true : false}
          tap={false}
          scrollWheelZoom={false}
          zoomControl={false}
        >

          <TileLayer
            attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
          />
                <GeoJSON  data={geo} style={style} />

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Can't display only one country with GeoJSON - React.js Leaflet

Sources

Related Questions