Avoid setState during InitR3M render

CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-three-map
 
+## 1.0.9
+
+### Patch Changes
+
+- Move coord store updates into effects to stop setState during render warnings (InitR3M/AxisArrow).
+
 ## 1.0.8
 
 ### Patch Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wendylabsinc/react-three-map",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A React wrapper library for Google Maps 3D with React Three Fiber integration",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/core/use-coords.tsx

@@ -1,5 +1,5 @@
 import { _roots, useThree } from "@react-three/fiber";
-import { useMemo } from "react";
+import { useEffect } from "react";
 import { Coords } from "../api/coords";
 
 // Use the store type from @react-three/fiber's internal _roots to avoid zustand version mismatch
@@ -13,21 +13,22 @@ export function useCoords() {
 export function useSetCoords({longitude, latitude, altitude}: Coords) {
 
   const canvas = useThree(s => s.gl.domElement);
-  useMemo(()=>{
-    const store = _roots.get(canvas)!.store; // eslint-disable-line @typescript-eslint/no-non-null-assertion
-    const coords : Coords = { longitude, latitude, altitude };
-    setCoords(store, coords);
-  }, [longitude, latitude, altitude]) // eslint-disable-line react-hooks/exhaustive-deps
+  useEffect(() => {
+    const root = _roots.get(canvas);
+    if (!root) return;
+    const coords: Coords = { longitude, latitude, altitude };
+    setCoords(root.store, coords);
+  }, [canvas, longitude, latitude, altitude]);
 }
 
 export function useSetRootCoords(store: FiberStore, {
   longitude, latitude, altitude
 }: Coords) {
-  useMemo(()=>{
-    setCoords(store, {longitude, latitude, altitude});
-  }, [longitude, latitude, altitude]) // eslint-disable-line react-hooks/exhaustive-deps
+  useEffect(() => {
+    setCoords(store, { longitude, latitude, altitude });
+  }, [store, longitude, latitude, altitude]);
 }
 
 export function setCoords(store: FiberStore, coords: Coords) {
   store.setState({coords} as any) // eslint-disable-line @typescript-eslint/no-explicit-any
-}
+}