@wandelbots/wandelbots-js-react-components 1.27.9 → 1.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.27.9",
+  "version": "1.28.0",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,

package/src/components/robots/ABB_1200_07_7.tsx

@@ -6,7 +6,11 @@ ABB_1200_07_7.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function ABB_1200_07_7({ modelURL, ...props }: RobotModelProps) {
+export function ABB_1200_07_7({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -47,7 +51,11 @@ export function ABB_1200_07_7({ modelURL, ...props }: RobotModelProps) {
                     name="ABB_IRB1200_J05"
                     rotation={[Math.PI / 2, 0, -Math.PI]}
                   >
-                    <group name="ABB_IRB1200_FLG" position={[0, 0.082, 0]} />
+                    <group
+                      ref={flangeRef}
+                      name="ABB_IRB1200_FLG"
+                      position={[0, 0.082, 0]}
+                    />
                     <mesh
                       name="visuals006"
                       geometry={nodes.visuals006.geometry}

package/src/components/robots/ABB_1300_115_10.tsx

@@ -6,7 +6,11 @@ ABB_1300_115_10.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function ABB_1300_115_10({ modelURL, ...props }: RobotModelProps) {
+export function ABB_1300_115_10({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -61,6 +65,7 @@ export function ABB_1300_115_10({ modelURL, ...props }: RobotModelProps) {
                     rotation={[Math.PI / 2, 0, -Math.PI]}
                   >
                     <group
+                      ref={flangeRef}
                       name="ABB_IRB1300_115_10_FLG"
                       position={[0, 0.092, 0]}
                     />

package/src/components/robots/FANUC_ARC_Mate_100iD.tsx

@@ -6,7 +6,11 @@ FANUC_ARC_Mate_100iD.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_ARC_Mate_100iD({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -38,6 +42,7 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="M10iD_FLG"
                           position={[0, -0.075, 0]}
                           rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_ARC_Mate_120iD.tsx

@@ -6,7 +6,11 @@ FANUC_ARC_Mate_120iD.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_ARC_Mate_120iD({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -38,6 +42,7 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="M20iD25_FLG"
                           position={[0, -0.09, 0]}
                           rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_CRX10iA.tsx

@@ -6,7 +6,11 @@ FANUC_CRX10iA.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX10iA({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -36,6 +40,7 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="CRX10iA_FLG"
                         position={[0, -0.16, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_CRX10iAL.tsx

@@ -6,7 +6,11 @@ FANUC_CRX10iAL.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX10iAL({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -72,6 +76,7 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
                     rotation={[-Math.PI / 2, 0, 0]}
                   >
                     <group
+                      ref={flangeRef}
                       name="FANUC_CRX10IAL_FLG"
                       position={[0, -0.16, 0]}
                       rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_CRX20iAL.tsx

@@ -6,7 +6,11 @@ FANUC_CRX20iAL.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX20iAL({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX20iAL({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -42,6 +46,7 @@ export function FANUC_CRX20iAL({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <animated.group
+                        ref={flangeRef}
                         name="FANUC_CRX20iAL_FLG"
                         position={[0, -0.16, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_CRX25iA.tsx

@@ -6,7 +6,11 @@ FANUC_CRX25iA.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX25iA({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX25iA({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -49,6 +53,7 @@ export function FANUC_CRX25iA({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="CRX25iA_FLG"
                         position={[0, -0.18, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_CRX25iAL.tsx

@@ -6,7 +6,11 @@ FANUC_CRX25iAL.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX25iAL({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX25iAL({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -37,6 +41,7 @@ export function FANUC_CRX25iAL({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="CRX10iA_FLG"
                         position={[0, -0.16, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_LR_MATE_200iD7L.tsx

@@ -10,7 +10,11 @@ FANUC_LR_MATE_200iD7L.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_LR_MATE_200iD7L({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_LR_MATE_200iD7L({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const { nodes, materials } = useGLTF(modelURL) as any
   return (
     <group {...props} dispose={null}>
@@ -57,6 +61,7 @@ export function FANUC_LR_MATE_200iD7L({ modelURL, ...props }: RobotModelProps) {
                     rotation={[-Math.PI / 2, 0, 0]}
                   >
                     <animated.group
+                      ref={flangeRef}
                       name="FANUC_LRMATE200ID7L_FLG"
                       position={[0, -0.08, 0]}
                       rotation={[-Math.PI, 0, 0]}

package/src/components/robots/FANUC_LR_Mate_200iD.tsx

@@ -10,7 +10,11 @@ FANUC_LR_Mate_200iD.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_LR_Mate_200iD({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_LR_Mate_200iD({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const { nodes, materials } = useGLTF(modelURL) as any
   return (
     <group {...props} dispose={null}>
@@ -52,6 +56,7 @@ export function FANUC_LR_Mate_200iD({ modelURL, ...props }: RobotModelProps) {
                     rotation={[-Math.PI / 2, 0, 0]}
                   >
                     <group
+                      ref={flangeRef}
                       name="FANUC_LRMATE-200ID_FLG"
                       position={[0, -0.08, 0]}
                       rotation={[-Math.PI, 0, 0]}

package/src/components/robots/KUKA_KR16_R2010_2.tsx

@@ -6,7 +6,11 @@ KUKA_KR16_R2010_2.config = {
   rotationOffsets: [0, 0, -Math.PI / 2, 0, 0, 0],
 }
 
-export function KUKA_KR16_R2010_2({ modelURL, ...props }: RobotModelProps) {
+export function KUKA_KR16_R2010_2({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const { nodes, materials } = useGLTF(modelURL) as any
 
   return (
@@ -52,6 +56,7 @@ export function KUKA_KR16_R2010_2({ modelURL, ...props }: RobotModelProps) {
                     rotation={[-Math.PI / 2, 0, 0]}
                   >
                     <animated.group
+                      ref={flangeRef}
                       name="KUKA_KR16R2010_2_J05"
                       rotation={[-Math.PI / 2, 0, -Math.PI]}
                     >

package/src/components/robots/KUKA_KR210_R2700.tsx

@@ -6,7 +6,11 @@ KUKA_KR210_R2700.config = {
   rotationOffsets: [0, 0, -Math.PI / 2, 0, 0, 0],
 }
 
-export function KUKA_KR210_R2700({ modelURL, ...props }: RobotModelProps) {
+export function KUKA_KR210_R2700({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
 
   const nodes = gltf.nodes
@@ -43,6 +47,7 @@ export function KUKA_KR210_R2700({ modelURL, ...props }: RobotModelProps) {
                         rotation={[Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="flange"
                           position={[0, -0.215, 0]}
                           rotation={[-Math.PI, 0, 0]}

package/src/components/robots/KUKA_KR270_R2700.tsx

@@ -6,7 +6,11 @@ KUKA_KR270_R2700.config = {
   rotationOffsets: [0, 0, -Math.PI / 2, 0, 0, 0],
 }
 
-export function KUKA_KR270_R2700({ modelURL, ...props }: RobotModelProps) {
+export function KUKA_KR270_R2700({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
 
   const nodes = gltf.nodes
@@ -42,6 +46,7 @@ export function KUKA_KR270_R2700({ modelURL, ...props }: RobotModelProps) {
                       rotation={[Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="flange"
                         position={[0, -0.24, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/KUKA_KR6_R700_2.tsx

@@ -7,7 +7,11 @@ KUKA_KR6_R700_2.config = {
   rotationSign: [-1, 1, 1, 1, 1, 1],
 }
 
-export function KUKA_KR6_R700_2({ modelURL, ...props }: RobotModelProps) {
+export function KUKA_KR6_R700_2({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const { nodes, materials } = useGLTF(modelURL) as any
   return (
     <group {...props} dispose={null}>
@@ -50,6 +54,7 @@ export function KUKA_KR6_R700_2({ modelURL, ...props }: RobotModelProps) {
                     rotation={[-Math.PI / 2, 0, -Math.PI]}
                   >
                     <group
+                      ref={flangeRef}
                       name="KUKA_KR6R700-2_FLG"
                       position={[0, -0.09, 0]}
                       rotation={[-Math.PI, 0, 0]}

package/src/components/robots/Robot.tsx

@@ -1,12 +1,14 @@
 import { type GroupProps } from "@react-three/fiber"
 
 import type { ConnectedMotionGroup } from "@wandelbots/wandelbots-js"
+import type { Group } from "three"
 import { defaultGetModel, SupportedRobot } from "./SupportedRobot"
 
 export type RobotProps = {
   connectedMotionGroup: ConnectedMotionGroup
   getModel?: (modelFromController: string) => string
   isGhost?: boolean
+  flangeRef?: React.MutableRefObject<Group>
 } & GroupProps
 
 /**
@@ -24,6 +26,7 @@ export function Robot({
   connectedMotionGroup,
   getModel = defaultGetModel,
   isGhost = false,
+  flangeRef,
   ...props
 }: RobotProps) {
   if (!connectedMotionGroup.dhParameters) {
@@ -39,6 +42,7 @@ export function Robot({
       dhParameters={connectedMotionGroup.dhParameters}
       getModel={getModel}
       isGhost={isGhost}
+      flangeRef={flangeRef}
       {...props}
     />
   )

package/src/components/robots/SupportedRobot.tsx

@@ -53,6 +53,7 @@ export type SupportedRobotProps = {
   dhParameters: DHParameter[]
   getModel?: (modelFromController: string) => string
   isGhost?: boolean
+  flangeRef?: React.MutableRefObject<THREE.Group>
 } & GroupProps
 
 export function defaultGetModel(modelFromController: string): string {
@@ -66,6 +67,7 @@ export const SupportedRobot = externalizeComponent(
     dhParameters,
     getModel = defaultGetModel,
     isGhost = false,
+    flangeRef,
     ...props
   }: SupportedRobotProps) => {
     let Robot: RobotModelComponent | null = null
@@ -276,7 +278,11 @@ export const SupportedRobot = externalizeComponent(
                 rapidlyChangingMotionState={rapidlyChangingMotionState}
                 robotConfig={Robot.config}
               >
-                <Robot modelURL={getModel(modelFromController)} {...props} />
+                <Robot
+                  modelURL={getModel(modelFromController)}
+                  flangeRef={flangeRef}
+                  {...props}
+                />
               </RobotAnimator>
             ) : (
               <DHRobot

package/src/components/robots/UniversalRobots_UR10CB.tsx

@@ -4,6 +4,7 @@ import type { RobotModelProps } from "./types"
 
 export function UniversalRobots_UR10CB({
   modelURL,
+  flangeRef,
   ...props
 }: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
@@ -215,6 +216,7 @@ export function UniversalRobots_UR10CB({
                       />
                     </group>
                     <group
+                      ref={flangeRef}
                       name="UNIVERSALROBOTS_UR10CB_FLG"
                       position={[0, 0.116, 0]}
                       rotation={[-Math.PI / 2, 0, 0]}

package/src/components/robots/UniversalRobots_UR10e.tsx

@@ -2,7 +2,11 @@ import { animated } from "@react-spring/three"
 import { useGLTF } from "@react-three/drei"
 import type { RobotModelProps } from "./types"
 
-export function UniversalRobots_UR10e({ modelURL, ...props }: RobotModelProps) {
+export function UniversalRobots_UR10e({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -31,6 +35,7 @@ export function UniversalRobots_UR10e({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <animated.group
+                          ref={flangeRef}
                           name="UR10e_FLG"
                           position={[1.184, -0.174, 0.061]}
                           rotation={[-Math.PI / 2, 0, 0]}

package/src/components/robots/UniversalRobots_UR3CB.tsx

@@ -2,7 +2,11 @@ import { animated } from "@react-spring/three"
 import { useGLTF } from "@react-three/drei"
 import type { RobotModelProps } from "./types"
 
-export function UniversalRobots_UR3CB({ modelURL, ...props }: RobotModelProps) {
+export function UniversalRobots_UR3CB({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -35,7 +39,11 @@ export function UniversalRobots_UR3CB({ modelURL, ...props }: RobotModelProps) {
                         position={[0, 0.085, 0]}
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
-                        <group name="UR3_FLG" position={[0, 0.082, 0]} />
+                        <group
+                          ref={flangeRef}
+                          name="UR3_FLG"
+                          position={[0, 0.082, 0]}
+                        />
                         <mesh
                           name="UR3_L06"
                           geometry={nodes.UR3_L06.geometry}

package/src/components/robots/UniversalRobots_UR3e.tsx

@@ -2,7 +2,11 @@ import { animated } from "@react-spring/three"
 import { useGLTF } from "@react-three/drei"
 import type { RobotModelProps } from "./types"
 
-export function UniversalRobots_UR3e({ modelURL, ...props }: RobotModelProps) {
+export function UniversalRobots_UR3e({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -189,6 +193,7 @@ export function UniversalRobots_UR3e({ modelURL, ...props }: RobotModelProps) {
                       />
                     </group>
                     <group
+                      ref={flangeRef}
                       name="UNIVERSALROBOTS_UR3E_FLG"
                       position={[0, 0.092, 0]}
                     />

package/src/components/robots/UniversalRobots_UR5CB.tsx

@@ -2,7 +2,11 @@ import { animated } from "@react-spring/three"
 import { useGLTF } from "@react-three/drei"
 import type { RobotModelProps } from "./types"
 
-export function UniversalRobots_UR5CB({ modelURL, ...props }: RobotModelProps) {
+export function UniversalRobots_UR5CB({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -178,6 +182,7 @@ export function UniversalRobots_UR5CB({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     />
                     <group
+                      ref={flangeRef}
                       name="UNIVERSALROBOTS_UR5CB_FLG"
                       position={[0, 0.082, 0]}
                     />

package/src/components/robots/UniversalRobots_UR5e.tsx

@@ -2,7 +2,11 @@ import { animated } from "@react-spring/three"
 import { useGLTF } from "@react-three/drei"
 import type { RobotModelProps } from "./types"
 
-export function UniversalRobots_UR5e({ modelURL, ...props }: RobotModelProps) {
+export function UniversalRobots_UR5e({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -30,7 +34,11 @@ export function UniversalRobots_UR5e({ modelURL, ...props }: RobotModelProps) {
                         position={[0, 0.1, 0]}
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
-                        <group name="UR5e_FLG" position={[0, 0.1, 0]}></group>
+                        <group
+                          ref={flangeRef}
+                          name="UR5e_FLG"
+                          position={[0, 0.1, 0]}
+                        ></group>
 
                         <group
                           name="UR5e_L06"

package/src/components/robots/Yaskawa_AR1440.tsx

@@ -7,7 +7,11 @@ Yaskawa_AR1440.config = {
   rotationSign: [1, -1, 1, 1, 1, 1],
 }
 
-export function Yaskawa_AR1440({ modelURL, ...props }: RobotModelProps) {
+export function Yaskawa_AR1440({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
 
   const nodes = gltf.nodes
@@ -44,6 +48,7 @@ export function Yaskawa_AR1440({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="AR1440_FLG"
                           position={[0, -0.1, 0]}
                           rotation={[-Math.PI, 0, 0]}

package/src/components/robots/Yaskawa_AR1730.tsx

@@ -7,7 +7,11 @@ Yaskawa_AR1730.config = {
   rotationSign: [1, -1, 1, 1, 1, 1],
 }
 
-export function Yaskawa_AR1730({ modelURL, ...props }: RobotModelProps) {
+export function Yaskawa_AR1730({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
 
   const nodes = gltf.nodes
@@ -43,6 +47,7 @@ export function Yaskawa_AR1730({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="AR1730_FLG"
                         position={[0, -0.1, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/Yaskawa_AR2010.tsx

@@ -6,7 +6,11 @@ Yaskawa_AR2010.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function Yaskawa_AR2010({ modelURL, ...props }: RobotModelProps) {
+export function Yaskawa_AR2010({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -118,6 +122,7 @@ export function Yaskawa_AR2010({ modelURL, ...props }: RobotModelProps) {
                       rotation={[0, 0, -Math.PI / 2]}
                     />
                     <group
+                      ref={flangeRef}
                       name="YASKAWA_AR2010_FLG"
                       position={[0, -0.1, 0]}
                       rotation={[-Math.PI, 0, 0]}

package/src/components/robots/Yaskawa_AR3120.tsx

@@ -7,7 +7,11 @@ Yaskawa_AR3120.config = {
   rotationSign: [1, -1, 1, 1, 1, 1],
 }
 
-export function Yaskawa_AR3120({ modelURL, ...props }: RobotModelProps) {
+export function Yaskawa_AR3120({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
 
   const nodes = gltf.nodes
@@ -43,6 +47,7 @@ export function Yaskawa_AR3120({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="AR3120_FLG"
                         position={[0, -0.1, 0]}
                         rotation={[-Math.PI, 0, 0]}

package/src/components/robots/Yaskawa_AR900.tsx

@@ -6,7 +6,11 @@ Yaskawa_AR900.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function Yaskawa_AR900({ modelURL, ...props }: RobotModelProps) {
+export function Yaskawa_AR900({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -42,6 +46,7 @@ export function Yaskawa_AR900({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="AR900_FLG"
                           position={[0, -0.08, 0]}
                           rotation={[-Math.PI, 0, 0]}

package/src/components/robots/Yaskawa_GP50.tsx

@@ -6,7 +6,11 @@ Yaskawa_GP50.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function Yaskawa_GP50({ modelURL, ...props }: RobotModelProps) {
+export function Yaskawa_GP50({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
 
   const nodes = gltf.nodes
@@ -174,6 +178,7 @@ export function Yaskawa_GP50({ modelURL, ...props }: RobotModelProps) {
                         rotation={[0, 0, -Math.PI / 2]}
                       />
                       <group
+                        ref={flangeRef}
                         name="YASKAWA_GP50_FLG"
                         position={[0, -0.175, 0]}
                         rotation={[-Math.PI, 0, 0]}