How can i set min zoom & max zoom?

[nayyaung9]

As I am trying to make a map, I want to set maxZoom cause I dont want to see the whole world.
I read documentation & It's not clear what meant.

Here is my working codes

const [viewport, setViewport] = useState<any>({
    latitude: 16.805312353924744,
    longitude: 96.15919476831377,
    width: window.innerWidth,
    height: window.innerHeight,
    zoom: 12,
 /** Docs say 
   * The tile zoom level of the map. Bounded implicitly by default minZoom and maxZoom of MapboxGL,
   * I dont understand
   */
  });

 <MapGL
      style={{ width: window.innerWidth, height: window.innerHeight }}
      mapStyle=""
      latitude={viewport.latitude}
      mapboxApiAccessToken=""
      longitude={viewport.longitude}
      zoom={viewport.zoom}
      onViewportChange={(viewport: any) => {
        setViewport(viewport);
      }}
    >
  ....
    </MapGL>

[Pessimistress]

http://visgl.github.io/react-map-gl/docs/api-reference/interactive-map#maxzoom