title: How do I preview an image via a presigned S3 URL in React?
body: <p>I have an AWS presigned download URL with a 20 second expiration:</p>
  <pre><code>https://our-namespace.s3.amazonaws.com/documents/7443912/ffb9bbc5-5f4f-4315-a4e8-418bc31dbef2.png?X-Amz-Security-Token=123&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Date=20211007T004004Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=20&amp;X-Amz-Credential=ASIA4SLAKW7L216GHWOI%2F20278006%2Fus-east-1%2GF3%2Faws4_request&amp;X-Amz-Signature=123
  </code></pre>
  <p>When I load this URL in the browser, it forces a download. I'm looking for a way to display this as an image preview within the browser - instead of initiating a file download.</p>
  <p>My initial thought was to convert this URL into a blob and then display that blob in an image preview modal. The only issue is, I'm unsure how to do that. I found the following package: <code>https://www.npmjs.com/package/rn-fetch-blob</code> but it looks like this is no longer maintained.</p>
  <p>What would be the optimal way of displaying an image as a preview from the AWS download only link?</p>