rigidbody initialization quick fix

packages/spatial/src/physics/components/ColliderComponent.tsx

@@ -89,7 +89,7 @@ export const ColliderComponent = defineComponent({
     const hasCollider = useState(false)
 
     useLayoutEffect(() => {
-      if (!rigidbodyComponent || !physicsWorld) return
+      if (!rigidbodyComponent?.initialized?.value || !physicsWorld) return
 
       const colliderDesc = Physics.createColliderDesc(physicsWorld, entity, rigidbodyEntity)
 
@@ -102,7 +102,7 @@ export const ColliderComponent = defineComponent({
         Physics.removeCollider(physicsWorld, entity)
         hasCollider.set(false)
       }
-    }, [physicsWorld, component.shape, rigidbodyEntity, !!rigidbodyComponent, transform.scale])
+    }, [physicsWorld, component.shape, !!rigidbodyComponent?.initialized?.value, transform.scale])
 
     useLayoutEffect(() => {
       if (!physicsWorld) return

packages/spatial/src/physics/components/RigidBodyComponent.ts

@@ -67,6 +67,8 @@ export const RigidBodyComponent = defineComponent({
       canSleep: true,
       gravityScale: 1,
       // internal
+      /** @deprecated  @todo make the physics api properly reactive to remove this property  */
+      initialized: false,
       previousPosition: proxifyVector3(this.previousPosition, entity),
       previousRotation: proxifyQuaternion(this.previousRotation, entity),
       position: proxifyVector3(this.position, entity),
@@ -118,8 +120,10 @@ export const RigidBodyComponent = defineComponent({
     useEffect(() => {
       if (!physicsWorld) return
       Physics.createRigidBody(physicsWorld, entity)
+      component.initialized.set(true)
       return () => {
         Physics.removeRigidbody(physicsWorld, entity)
+        component.initialized.set(false)
       }
     }, [physicsWorld])