update usecontrols - default values, rm unfired 'load' listener

carbonplan · Feb 14, 2024 · 3d3ea9f · 3d3ea9f
1 parent 20cae37
commit 3d3ea9f
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/use-controls.js b/src/use-controls.js
@@ -3,9 +3,9 @@ import { flushSync } from 'react-dom'
 import { useMapbox } from './mapbox'
 
 export const useControls = () => {
-  const [zoom, setZoom] = useState()
-  const [center, setCenter] = useState()
   const { map } = useMapbox()
+  const [zoom, setZoom] = useState(map.getZoom())
+  const [center, setCenter] = useState(map.getCenter())
 
   const updateControlsSync = useCallback(() => {
     flushSync(() => {
@@ -15,10 +15,10 @@ export const useControls = () => {
   }, [])
 
   useEffect(() => {
-    setZoom(map.getZoom())
-    setCenter(map.getCenter())
-    map.on('load', updateControlsSync)
     map.on('move', updateControlsSync)
+    return () => {
+      map.off('move', updateControlsSync)
+    }
   }, [map])
 
   return { center: center, zoom: zoom }