How to load ONE existing user-avatar directly into editor view (instead of the create new + inventory list of all avatars) without clearCache

General
1

We have an avatar selection screen where a user loads in (we create a RPM guest user and token) and they choose a fresh avatar after signing up with us. Then inside the game, we allow a user to edit this avatar (with this RPM guest account and a refresh token).

When a user opens the ‘Edit avatar” menu on the WEB SDK, it takes them to the menu with the RPM login/signup button and a list of avatars they previously made, and an option to make a brand new one (we don’t want that).

If they edit any OTHER avatar than the one they selected in the beginning to load in the game, the game fails to load the new “other” avatar for some reason - and only uses the first avatar. It does load changes to the first avatar after editing it in-game, as long as you only edit the first one.

We need to set things up where you only open and EDIT the SAME avatar you chose when you signed up (as an RPM guest user with a valid token). How can we always open the edit modal to load the editor page with the previously chosen avatar - and not return them to home menu where they risk making a new one what wont laod.

am using onAvatarExported for exporting the URL in the first screen - and onAvatarUpdated once it is updated to load the new edited changes. I tried exporting a new URL for edit (in case the other avatar is a different URL, but it didn’t work).

We tried clearCache as true (and quickStart as true also) - but it doesn’t load the previous avatar, it only loads a fresh new one if cache is cleared. I also tried passing the avatarId in the config but nothing changes when the modal is opened (still loads the home menu with the many avatars).

Can someone suggest a solution where only ONE avatar is loaded and editable when a guest user is created and logged in with a token.

Below is the config file:

const config = {
    id: avatarId,
    clearCache: false,
    bodyType: "fullbody",
    quickStart: false,
    language: "en",
    token: rpmToken,
};

I’m using the below wrapper component:

<AvatarCreator
subdomain={RPM_SUBDOMAIN}
config={config}
style={style}
onUserSet={handleOnUserSet}
onAvatarExported={(event) => {
handleOnAvatarExported(event);
setSelectedAvatarUrl(event.data.url);
}}
/>

(FYI: Not part of my question, but I put the setSelectedAvatarUrl to execute outside the onAvatarExported block, because I couldn’t add my own functions in the onAvatarSelected function, since it converts it to a socket message and errors out that SetSelectedAvatarUrl isnt a recognized function…unless I’m missing something, and need to pass the function into the onAvatarExport props or something. But it works, I just need to know how I can load in a previous avatar - instead of the list).