Leaflet Missing Data

by Jens21

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.3/leaflet.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.3/leaflet.js"></script>
<div id="map"></div>

CSS

#map {
  height: 800px;
}

JavaScript

/* Standard Leaflet Stuff */

var center = [-29.46044595859136, 30.539964459422308];
var map = L.map('map').setView(center, 14);

L.tileLayer(
  'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18
  }).addTo(map);

/* Custom below */

const instanceID = "e3d1202a-a770-460e-a328-9fe9497aaa66"
const firstDate = "2023-01-08";
const geometry = "MULTIPOLYGON (((30.53402707949712 -29.47467090497997, 30.53954347758437 -29.47483218044795, 30.54003748338312 -29.47183958274285, 30.53736161863895 -29.47327317350408, 30.53600310269198 -29.47397204165091, 30.53402707949712 -29.47467090497997)), ((30.54079907565529 -29.46836304096485, 30.54011981768264 -29.4716783025141, 30.54186942155232 -29.47209046258866, 30.54308385247506 -29.47302229658501, 30.54436003412081 -29.47124822064859, 30.54403069692279 -29.47042389197345, 30.54446295199685 -29.46981460125316, 30.54252809595167 -29.46879313506857, 30.54079907565529 -29.46836304096485)), ((30.54014040125745 -29.47176790267287, 30.53931705825903 -29.47649867859922, 30.53956406115924 -29.47651659778521, 30.54269276455068 -29.47372116645982, 30.54304268532525 -29.4731477351221, 30.5418282544025 -29.47219798233395, 30.54014040125745 -29.47176790267287)), ((30.55172003870777 -29.44419692786893, 30.55239858829768 -29.44550843946995, 30.55370603750765 -29.44501842612892, 30.55337503770764 -29.44416810324791, 30.55471558689626 -29.44351954710871, 30.55440113708619 -29.44291422430656, 30.55172003870777 -29.44419692786893)), ((30.54698673479206 -29.43723554554066, 30.54557998564246 -29.44154502983771, 30.54625853523237 -29.44168915658533, 30.54802938416182 -29.43727878542303, 30.54698673479206 -29.43723554554066)))"

const wmsUrl = `https://services.sentinel-hub.com/ogc/wms/${instanceID}`

var wmsOptions = {
  tileSize: 512,
  maxcc: 50,
  layers: "NDVI",
  transparent: "true",
  format: "image/png",
  time: `${firstDate}/${firstDate}`,
  geometry: geometry,
  crs:...