Изображения A-frame не загружаются должным образом в React for Mobile ios Safari. У меня вместо изображения черный ящик

Question

Кажется, все работает нормально на android, но ios постоянно дает мне блок-бокс.

<Entity primitive="a-assets">
     {userState.photo_memory_filepath && !loading ? (
              <img
                id="first-image"
                src={`${GOOGLE_CLOUD_BUCKET_PUBLIC}/${userState.photo_memory_filepath}`}
                crossOrigin="Anonymous"
              />
            ) : null}
   </Entity>

Позже у меня есть

{userState.photo_memory_filepath && !loading ? (
            <Entity
              primitive="a-image"
              src="#first-image"
              position="0 3 -9"
              width="2"
              height="2"
              material="side: double"
              id="first-image-view"
            ></Entity>
          ) : null}

Загрузка - это состояние редукции, которое установлено значение true перед отправкой запросов. На настольном компьютере все работает нормально, и android, но ios меня обманывает. О, я также попробовал createObjectURL, который также работал как для рабочего стола, так и для android, но безрезультатно для ios. Я действительно верю, что IOS разработчик мобильных веб-приложений проклят