# Xrextras-loading doesn't work when swapping between xr components (face,web, etc)

**URL:** <https://forum.8thwall.com/t/xrextras-loading-doesnt-work-when-swapping-between-xr-components-face-web-etc/7195>\
**Category:** Technical Support\
**Created:** [June 23, 2025, 4:16am UTC](https://forum.8thwall.com/t/xrextras-loading-doesnt-work-when-swapping-between-xr-components-face-web-etc/7195 "2025-06-23T04:16:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sebastian\_King](https://avatars.discourse-cdn.com/v4/letter/s/3ec8ea/32.png) [@Sebastian\_King](https://forum.8thwall.com/u/Sebastian_King)\
**Post date:** [June 23, 2025, 4:16am UTC](https://forum.8thwall.com/t/xrextras-loading-doesnt-work-when-swapping-between-xr-components-face-web-etc/7195/1 "2025-06-23T04:16:22Z")

</div>

Howdy!

When swapping XR components, the xrextras loading component isn’t using the correct styling. So on first load, I’m seeing the correct loading screen, but when swapping, it uses the default loading screen. For example you can see in my screenshots that in one loadImageContainer, its using the correct loadImage defined on the component, but in the second photo, when I’m swapping the xrface component (I just swap the camera back to front), it uses the default loading screen.

Am I missing something here?

Intended:

 ![image](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/6/615e8f81df749a721af6391dd9534be43f777b95.png)

Unintended:

 ![Screenshot 2025-06-23 132432](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/4/462b8e47507919b0da361c11629fe7b225a3dd0d.png)

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [June 23, 2025, 4:01pm UTC](https://forum.8thwall.com/t/xrextras-loading-doesnt-work-when-swapping-between-xr-components-face-web-etc/7195/2 "2025-06-23T16:01:04Z")

</div>

How are you styling the loading screen?

You’ll likely get better results if you use a forked version of xrextras.

> [@Custom loading screen applying late or in addition to a second loading screen?](https://forum.8thwall.com/t/custom-loading-screen-applying-late-or-in-addition-to-a-second-loading-screen/336/2):
>
> Hi Irina! Another option which would likely solve this issue would be to [use a local version of xrextras](https://www.8thwall.com/docs/guides/advanced-topics/importing-xrextras-into-cloud-editor/) and customize the [loading-module.css](https://github.com/8thwall/web/blob/master/xrextras/src/loadingmodule/loading-module.css) itself. As a quick test, you can clone [this project](https://www.8thwall.com/evan/custom-xrextras/code/) where I’ve already imported a custom version of xrextras and modify the css as needed, rather than using the xrextras-loading schema properties.