Merge pull request #5 from ir-engine/IR-5373-Replace-GroupComponent-with-ObjectComponent-and-make-single-non-array-object

Replace GroupComponent with ObjectComponent

Author: HexaField

src/CustomLocationPage.tsx

@@ -16,7 +16,7 @@ import { CameraComponent } from '@ir-engine/spatial/src/camera/components/Camera
 import { NameComponent } from '@ir-engine/spatial/src/common/NameComponent'
 import { Vector3_Up } from '@ir-engine/spatial/src/common/constants/MathConstants'
 import { destroySpatialEngine, initializeSpatialEngine } from '@ir-engine/spatial/src/initializeEngine'
-import { addObjectToGroup } from '@ir-engine/spatial/src/renderer/components/GroupComponent'
+import { MeshComponent } from '@ir-engine/spatial/src/renderer/components/MeshComponent'
 import { VisibleComponent } from '@ir-engine/spatial/src/renderer/components/VisibleComponent'
 import { useEngineCanvas } from '@ir-engine/spatial/src/renderer/functions/useEngineCanvas'
 import { EntityTreeComponent } from '@ir-engine/spatial/src/transform/components/EntityTree'
@@ -57,7 +57,7 @@ const UpdateSystem = defineSystem({
 
       // Create a box at the origin
       const mesh = new Mesh(new BoxGeometry(1, 1, 1), new MeshBasicMaterial({ color: 0x00ff00 }))
-      addObjectToGroup(entity, mesh)
+      setComponent(entity, MeshComponent, mesh)
       setComponent(entity, NameComponent, 'Box')
       setComponent(entity, VisibleComponent)