Issue rendering NDVI in a polygon

[jorgecultiveag (Jorge Almeida)]

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.75476411, 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.754764117653111,-38.3645797654678 -3.754764117653111,-38.3645797654678 -3.930150157124114,-38.56096038070218 -3.930150157124114,-38.56096038070218 -3.754764117653111))"
          minZoom="6"
          maxZoom="16"
          preset="NDVI"
          uppercase="true"
          transparent="true"
        />
      </MapContainer>