The following code works if I remove the “geometry” prop, showing a NDVI map. But it doesn’t work with this prop, can someone explain why ? What’s wrong with my polygon ?

I’m using this website to validate my polygons:
https://arthur-e.github.io/Wicket/sandbox-gmaps3.html

<MapContainer

        center={{ lat: -3.7547641972, lng: -38.5609603807021 }}

        zoom={13}

        scrollWheelZoom={true}

        style={{ height: "800px", width: "100%" }}

      >

        <TileLayer url="https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}" />

        <Marker position={{ lat: -3.7255, lng: -38.5208 }}>

          <Popup>

            A pretty CSS3 popup. <br /> Easily customizable.

          </Popup>

        </Marker>



        <WMSTileLayer

          version="1.3"

          layers="NDVI"

          format="image/png"

          crs={CRS.EPSG4326}

          attribution='&copy; <a href="http://www.sentinel-hub.com/" target="_blank">Sentinel Hub</a>'

          url="https://services.sentinel-hub.com/ogc/wms/a83770d6-<hidden>"

          // geometry="POLYGON((-38.56096038070218 -3.75476411765311972,-38.3645797654678 -3.75476411765311972,-38.3645797654678 -3.930150157124114,-38.56096038070218 -3.930150157124114,-38.56096038070218 -3.754764117653111))"

          minZoom="6"

          maxZoom="16"

          preset="NDVI"

          uppercase="true"

          transparent="true"

        />

      </MapContainer>