fix: rendering bug in new layer system (#375)

* fix: rendering bug in new layer system * feat: upgrade resium * chore: use exact version
reearth · Dec 15, 2022 · 172988e · 172988e
1 parent 4abbbac
commit 172988e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -152,7 +152,7 @@
         "react-spinners": "0.13.7",
         "react-use": "17.4.0",
         "remark-gfm": "3.0.1",
-        "resium": "1.15.1",
+        "resium": "1.16.0",
         "tinycolor2": "1.4.2",
         "ts-easing": "0.2.0",
         "use-callback-ref": "1.3.0",

diff --git a/src/core/engines/Cesium/hooks.ts b/src/core/engines/Cesium/hooks.ts
@@ -272,6 +272,12 @@ export default ({
     viewer.scene.requestRender();
   });
 
+  const handleUpdate = useCallback(() => {
+    const viewer = cesium.current?.cesiumElement;
+    if (!viewer || viewer.isDestroyed()) return;
+    viewer.scene.requestRender();
+  }, []);
+
   // enable Drag and Drop Layers
   const handleLayerDrag = useCallback(
     (e: Entity, position: Cartesian3 | undefined, _context: Context): boolean | void => {
@@ -337,6 +343,7 @@ export default ({
     mouseEventHandles,
     handleMount,
     handleUnmount,
+    handleUpdate,
     handleClick,
     handleCameraChange,
     handleCameraMoveEnd,

diff --git a/src/core/engines/Cesium/index.tsx b/src/core/engines/Cesium/index.tsx
@@ -59,6 +59,7 @@ const Cesium: React.ForwardRefRenderFunction<EngineRef, EngineProps> = (
     cesiumIonAccessToken,
     handleMount,
     handleUnmount,
+    handleUpdate,
     handleClick,
     handleCameraChange,
     handleCameraMoveEnd,
@@ -82,6 +83,7 @@ const Cesium: React.ForwardRefRenderFunction<EngineRef, EngineProps> = (
     <featureContext.Provider value={context}>
       <Viewer
         ref={cesium}
+        onUpdate={handleUpdate}
         className={className}
         animation
         timeline

diff --git a/yarn.lock b/yarn.lock
@@ -16265,10 +16265,10 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
-resium@1.15.1:
-  version "1.15.1"
-  resolved "https://registry.yarnpkg.com/resium/-/resium-1.15.1.tgz#a2eee681f815e5978eb77b78122a853cbac69165"
-  integrity sha512-FDRl6WUyYin+yhs6uAFKqCvI75rawMBfld/yF0V5A+YeCyKP1mt6Bx5v+lCCJaZl4RUOvQ3i3wJJUhuGsxpvYA==
+resium@1.16.0:
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/resium/-/resium-1.16.0.tgz#9a9561c1736456211a91f6f06c191623f164b994"
+  integrity sha512-cEiIuXzfTS4TRerD4ucaYQAb1exX3YUw4xrONpzSb1pAkmku//xsfCCsD7xR2hG39Zk1WJTEO74Mu6homvTR6Q==
 
 resize-observer-polyfill@^1.5.1:
   version "1.5.1"