diff --git a/src/examples/GLTFs.tsx b/src/examples/GLTFs.tsx
index c6409b3..5fb051a 100644
--- a/src/examples/GLTFs.tsx
+++ b/src/examples/GLTFs.tsx
@@ -9,7 +9,9 @@ import config from '@ir-engine/common/src/config'
 import { EntityTreeComponent } from '@ir-engine/ecs'
 import { AnimationComponent } from '@ir-engine/engine/src/avatar/components/AnimationComponent'
 import { GLTFComponent } from '@ir-engine/engine/src/gltf/GLTFComponent'
+import { EnvMapComponent } from '@ir-engine/engine/src/scene/components/EnvmapComponent'
 import { ImageComponent } from '@ir-engine/engine/src/scene/components/ImageComponent'
+import { EnvMapSourceType } from '@ir-engine/engine/src/scene/constants/EnvMapEnum'
 import { AmbientLightComponent, TransformComponent } from '@ir-engine/spatial'
 import { NameComponent } from '@ir-engine/spatial/src/common/NameComponent'
 import { RendererState } from '@ir-engine/spatial/src/renderer/RendererState'
@@ -635,6 +637,10 @@ const GLTF = (props: {
 
     // use GLTF Loader
     setComponent(gltfEntity, NameComponent, 'GLTF-Loader')
+    setComponent(gltfEntity, EnvMapComponent, {
+      type: EnvMapSourceType.Equirectangular,
+      envMapSourceURL: `${config.client.fileServer}/projects/ir-engine/default-project/assets/sky_skybox.jpg`
+    })
     setComponent(gltfEntity, GLTFComponent, {
       cameraOcclusion: true,
       src: src