failed to fetch image

[RicardoBrito1938]

Hello team, i am trying to add an image to my map, but it always show "error to fetch"

please, see my code, if there is any other info i can provide to help, please, let me know

const loadImage = () => {
const map = mapRef?.current?.getMap();
map.loadImage(
'https://assets.perfectflight.com.br/johndeere/sandbox/ApplicationRateResult_NDg1NTExXzYwN2RkZDJlMDRjY2Y3MTcwMGZlNDU0Mg.png',
(error: any, image: any) => {
if (error) throw error;
map.addImage('johnDeerApp', image, { sdf: true });
},
);
};

useEffect(() => {
loadImage();
}, [mapRef]);

[RicardoBrito1938]

Hello Guys, just adding some info, i tried other ways to render the image, but i was not lucky return (

see below, i tried to load the Image following this doc,

https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/#image

<MapGL
  {...viewport}
  width="100%"
  height="100%"
  onViewportChange={setViewport}
  mapStyle="mapbox://styles/mapbox/satellite-v9"
  mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_TOKEN}
  ref={mapRef}
>
  <Source
    type="image"
    url={imageUrl}
    coordinates={[
      [extent.minimum_longitude, extent.minimum_latitude],
      [extent.maximum_longitude, extent.maximum_latitude],
    ]}
  />
</MapGL>

);

[RicardoBrito1938]

just an update, it is working as desired now, the issue was on my backend