'Broken image when site is called from external link

My React app is working well when I call it typing directly in the browser, but when I call it from a link sent by email it shows a broken logo in the header. The image resides in the public folder in the frontend and is linked to the header component like this:

<div className="header">
      <img src="./img/LogoFatWatch2.0_50.png" alt="FatWatch" />
    </div>

How can I fix this?

enter image description here

htmlreactjs


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions