title: How to embed a pdf file from firebase storage in html(react) in mobile browsers
body: <p>I have a pdf file in firebase storage with a url like:
  <a href="https://firebasestorage.googleapis.com/v0/b/xxxxxx.appspot.com/o/projectPdfs%2FSuperImportant%20Project.pdf?alt=media&amp;token=0b351324-1ae5-4997-8e7c-f17039a1d3b2" rel="nofollow noreferrer">https://firebasestorage.googleapis.com/v0/b/xxxxxx.appspot.com/o/projectPdfs%2FSuperImportant%20Project.pdf?alt=media&amp;token=0b351324-1ae5-4997-8e7c-f17039a1d3b2</a></p>
  <p>I want to somehow display this in my react app.
  I tried using using html object, embed and iframe. All these three methods does not work in mobile browsers. It just shows an 'open' button and when clicked automatically downloads the pdf into the device.</p>
  <p>I also tried appending the pdf Link to a google PDF viewer url.</p>
  <p>Like</p>
  <pre><code>&lt;iframe src=`https://drive.google.com/viewerng/viewer?url=${my_firebase_pdf_url}` width=&quot;400px&quot; height=&quot;300px&quot;  /&gt;
  </code></pre>
  <p>But this didn't work as well. Now an 'open' button shows which when clicked opens a new tab and says 'no preview available' with an option to download the file. I tried with the urls of other pdf files not stored in firebase and now it seems to work fine.</p>
  <p>I don't want to download the pdf to the device. I just need to embed it somehow like how it works perfectly in the desktop versions.</p>
  <p>I tried libraries like react-pdf, pdf-viewer-react-js etc, but all of them couldn't help me.
  I've been struggling for 5 days now. Is this the problem of firebase storage urls and will using someother backend (like node and mongoDB) fix the problem?</p>