React Troubleshooting

This document provides solutions to common issues encountered while loading GlamAR SDK output images in browser-based integrations.

Common Issues and Solutions

Image URL Not Loading

If the API returns a delivery.pixelbin.io image URL but the image does not render, configure the image request to omit the browser referrer.

For a plain HTML image:

<img
  src="https://delivery.pixelbin.io/path/to/image.jpg"
  referrerpolicy="no-referrer"
/>

For React:

<img
  src={imageUrl}
  referrerPolicy="no-referrer"
/>

If you fetch the image yourself, pass the same policy in the request options:

const response = await fetch(imageUrl, {
  referrerPolicy: "no-referrer",
});

This prevents the browser from sending the page URL as the Referer header when requesting the image.