@wandelbots/wandelbots-js-react-components 4.0.2 → 4.0.3-pr.dev-fix-flaky-task.488.ecd2273

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "4.0.2",
+  "version": "4.0.3-pr.dev-fix-flaky-task.488.ecd2273",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,

package/src/components/robots/RobotAnimator.tsx

@@ -86,8 +86,10 @@ export default function RobotAnimator({
       (item) => item !== undefined,
     )
 
-    jointValues.current = newJointValues
-    interpolatorRef.current?.setTarget(newJointValues)
+    requestAnimationFrame(() => {
+      jointValues.current = newJointValues
+      interpolatorRef.current?.setTarget(newJointValues)
+    })
   }, [rapidlyChangingMotionState])
 
   /**
@@ -95,10 +97,17 @@ export default function RobotAnimator({
    * requestAnimationFrame used to avoid blocking main thread
    */
   useEffect(() => {
-    requestAnimationFrame(() => {
-      updateJoints()
-    })
+    updateJoints()
   }, [rapidlyChangingMotionState, updateJoints])
 
+  /**
+   * As some consumer applications (eg. storybook) deliver
+   * mobx observable for rapidlyChangingMotionState, we need to
+   * register the watcher to get the newest value updates
+   */
+  useAutorun(() => {
+    updateJoints()
+  })
+
   return <group ref={setGroupRef}>{children}</group>
 }