Switching between DeckGL initialViewState and viewState affects animation

[pwojnar]

In my project I'm using DeckGl 9 and react-map-gl 8 in a React app. Recently I realised we are getting a warning about Cannot update a component while rendering a different component (ForwardRef(DeckGLWithRef)). After some investigation I realised we are passing an initialViewState to the DeckGl component, while also listening to onViewStateChange and keeping it all in a Redux state. So we should be using viewState. But when I've made that change, the animation of moving or zooming the map got less smooth, more jumpy. What could be the reason for that? How to keep the viewState and smooth animations?
The code looks like this:

const appViewState = useAppSelector(selectTargetMapViewState);
const handleViewStateChange = useCallback(() => dispatch(updateTargetMapViewState(...)));
 <DeckGL
    onWebGLInitialized={(gl) => setGlContext(gl)}
    views={new MapView()}
    controller
    viewState={appViewState}
    useDevicePixels={false}
    layers={layers}
    style={{ overflow: "hidden" }}
    onViewStateChange={onViewStateChange}
    onHover={onHover}
    pickingRadius={8}
    onResize={onResize}
    getCursor={defaultGetCursor}
    onClick={onClick}>
 </DeckGl>

[charlieforward9]

Your viewState, onViewStateChanged are enabled from the controller - see these docs for more info

As for the warning - it would be nice to dig into why that is and decisively communicate the reason. Please consider having an agent make a gist on this discussion url