Unable to display tiff images in React

I have images that I'm displaying on my React app. I have no problem displaying images that are jpeg, png etc... I have a problem displaying images that are tif, tiff. I also saw that only Safari supports it out of the box. Is there a workaround to displaying a tif/tiff?

CLICK HERE -> CODESANDBOX

    <img
      style={{
        display: isImageLoaded ? "flex" : "none",
        width: "100%",
        cursor: "zoom-in"
      }}
      src={productImage.imageUrl}
      alt="fef"
      onLoad={handleImageLoading}
    />

    {!isImageLoaded && <CircularProgress />}