title: websites images breaks when changing url in react js
body: <p>I am facing a problem in react js. There is no problem if I am in product page like following url </p>
  
  <p><a href="http://localhost:3000/productDetails/" rel="nofollow noreferrer">http://localhost:3000/productDetails/</a></p>
  
  <p>But if I am going the url like this</p>
  
  <p><a href="http://localhost:3000/productDetails/5" rel="nofollow noreferrer">http://localhost:3000/productDetails/5</a></p>
  
  <p>Then my web pages broken and some images not loading. I also noticed the url of images also changes for the above urls. Here is the difference of images urls.</p>
  
  <p><a href="http://localhost:3000/image/6.jpg" rel="nofollow noreferrer">http://localhost:3000/image/6.jpg</a>
  <a href="http://localhost:3000/productDetails/image/6.jpg" rel="nofollow noreferrer">http://localhost:3000/productDetails/image/6.jpg</a></p>
  
  <p>I do not know what to do. Can anyone help me please?</p>