I have created a back-end API using PostgreSQL and a front-end using React. I have created a form for the user to post a new review. The post request works but the image does not come through! screenshot of missing photo:
.

When I inspect the missing photo in Chrome dev tools, the web URL is there, it just doesn't show the image!

This is where the user inputs the image URL...

// inside form

<label>Photo URL:</label>
     <input
         type='url'
         value={newReviewPhoto}
         id='reviewPhoto'
         name='reviewPhoto'
         placeholder='photo URL'
         onChange={handlePhotoChange} />
<br />

// component to be rendered

 <img className='review-list-photo' src={singleReview.review_img_url} alt={singleReview.title} />


// inside html element in dev tools

<img class="review-list-photo" src="https://cdn1.parksmedia.wdprapps.disney.com/media/blog/wp-content/uploads/2010/12/dbg002090SMALL.jpg" alt="k">

Anyone know why this is?

screenshot of posted review inside chrome dev tools: