Mapbox 3D spinning globe

[nonoumasy]

Anyone successfully created a mapbox spinning globe using useRefs and useEffect instead of using this solution ... https://docs.mapbox.com/mapbox-gl-js/example/globe-spin/

I'm using react-map-gl library so I'm using useRefs to hook into the map object instead. I made a CSB but its has some issue. I would like it to stop spinning at a certain zoomLevel (5) and I think it might be causing infinite loops.

https://codesandbox.io/s/rotating-globe-with-react-n74pdh