Can't zoom with scrollwheel

I’ve tried reading the docs, the source, and the demo that is provided. But I can’t for the life of me figure out why I can’t get zooming to work with the scroll wheel. It works on the demo, so I can’t tell if it’s my code.

<Map
center={[
  geoLocation?.latitude ?? 34.050888,
  geoLocation?.longitude ?? -118.242854
]}
animate={false}
metaWheelZoomWarning={true}
zoom={(geoLocation && 18) ?? 12}
width={600}
height={400}
>
{geoLocation && <Marker
  anchor={[
    geoLocation.latitude,
    geoLocation.longitude
  ]}
  payload={1}
/> }
</Map>

I’ve tried removing the marker.

I don’t get the meta zoom warning overlay.

I’ve tried using Firefox and Chromium. I’m on Ubuntu Linux. I tested on Windows with Edge as well.

Versions

"pigeon-maps": "^0.14.0",
"pigeon-marker": "^0.3.4",

[Maark007]

Do like that work for me:

    center: [50.1102, 3.1506],
    zoom: 7,
    minZoom: 3,
    maxZoom: 16,
  });
  return (
    <div style={{ height: '100vh', width: '100%' }}>
      <Map
        center={locations.center}
        zoom={locations.zoom}
        minZoom={locations.minZoom}
        maxZoom={locations.maxZoom}
      >
      </Map >
    </div>```

[mariusandra]

That can stay in the if. Make sure to also move the unbindWheelEvent event.