Images not showing in React where the src is correct-CodePudding

Hey I have a weird issue in react images. Some images are not showing and some are showing.

This is my simple implementation:

<img src={item?.media?.url} />

and when I check the console and then copy the src, the image opens normally. So the url isn't the problem

CodePudding user response：

Looks like you're trying to hotlink an Instagram image.

You can try downloading the image and then displaying it, or you can just embed the Instagram post

CodePudding user response：

It seems your URL is broken, cause the way your using it is correct, make sure by clicking on the link, a new tab should open showing the actual image

And make sure the extension of the image is being added, cause on the image that you shared, there is no valid image extension in the URL (.png, .jpg, etc..)