Smooth transitions on controlled map?

[rsimon]

I'm struggling to understand how to achieve smooth zoom transitions when changing the view state of a controlled Map component. If I understand the docs correctly, a state change should trigger an animated transition with linear interpolation. Much like you'd get in the vanilla JS API, when using map.easeTo().

But in my case, the zoom change is instant, in a single step. Is there any additional config needed to enable smooth transitions?

Also: I'm using mapLibre rather than MapBox GL JS. Could this be the reason?

The code I'm using for init is pretty much as simple as it gets:

  <ReactMapGL
    {...viewState}
    mapStyle={props.mapStyle}
    onMove={evt => setViewState(evt.viewState)}>

And then there's an external zoom button component that does this:

const onZoom = inc => () =>
  setViewState({
    ...viewState, 
    zoom: viewState.zoom + inc
  });