Assets not loading when hit url with auth token in react native and web also

Document html, body, .frame { width: 1080px; height: 800px; margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; padding: 20px; font-size: 14px; border: none; }
    .warning {
        background-color: #df68a2;
        padding: 3px;
        border-radius: 5px;
        color: white;

Ready Player Me iframe example

  • Click the "Open Ready Player Me" button.
  • Create an avatar and click the "Done" button when you're done customizing.
  • After creation, this parent page receives the URL to the avatar.
  • The Ready Player Me window closes and the URL is displayed.

If you have a subdomain, replace the 'demo' subdomain in the iframe source URL with yours.

<input type="button" value="Open Ready Player Me" onClick="displayIframe()" />
<p id="avatarUrl">Avatar URL:</p>

<iframe id="frame" class="frame" allow="camera *; microphone *; clipboard-write" hidden></iframe>

    const subdomain = 'demo'; // Replace with your custom subdomain
    const frame = document.getElementById('frame');

    frame.src = ``;

    window.addEventListener('message', subscribe);
    document.addEventListener('message', subscribe);

    function subscribe(event) {
        const json = parse(event);

        if (json?.source !== 'readyplayerme') {

        // Susbribe to all events sent from Ready Player Me once frame is ready
        if (json.eventName === 'v1.frame.ready') {
                    target: 'readyplayerme',
                    type: 'subscribe',
                    eventName: 'v1.**'

        // Get avatar GLB URL
        if (json.eventName === 'v1.avatar.exported') {
            console.log(`Avatar URL: ${}`);
            document.getElementById('avatarUrl').innerHTML = `Avatar URL: ${}`;
            document.getElementById('frame').hidden = true;

        // Get user id
        if (json.eventName === 'v1.user.set') {
            console.log(`User with id ${} set: ${JSON.stringify(json)}`);

    function parse(event) {
        try {
            return JSON.parse(;
        } catch (error) {
            return null;

    function displayIframe() {
        document.getElementById('frame').hidden = false;
![Screenshot 2024-05-24 at 12.22.47 PM|690x382](upload://mtL2kOWBV1IW0SogXu7KjGrZ2um.jpeg)

Hi there,

Could you confirm that it works for you now?

yes its working now.