# PDF not showing up and being replaced with Loading Modal

**URL:** <https://pdfjs.community/t/pdf-not-showing-up-and-being-replaced-with-loading-modal/1676>\
**Category:** Technical Support\
**Created:** [May 13, 2022, 3:31am UTC](https://pdfjs.community/t/pdf-not-showing-up-and-being-replaced-with-loading-modal/1676 "2022-05-13T03:31:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![karin](https://avatars.discourse-cdn.com/v4/letter/k/c37758/32.png) [@karin](https://pdfjs.community/u/karin)\
**Post date:** [May 13, 2022, 3:31am UTC](https://pdfjs.community/t/pdf-not-showing-up-and-being-replaced-with-loading-modal/1676/1 "2022-05-13T03:31:44Z")

</div>

**Which product are you using?**

PDF Express plus (free version)

**PDF.js Express Version**

**Detailed description of issue**  
PDF is not showing up in webviewer and is instead being replaced by a loading modal

 ![Screen Shot 2022-05-12 at 9.28.24 PM](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/c4d49accd0b966adc1e2388d5321cc7d3ec21add.png)

My PDf files are being fetched correctly with no network error (i’m able to render this pdf in an isolated testing app so it’s not the pdf itself)

**Expected behaviour**  
Render PDF with correct tools from PDF express plus

**Does your issue happen with every document, or just one?**  
Every document (local in public folder), and every hosted pdf link

**Link to document**  
{Provide a link to the document in question if possible}

**Code snippet**

```javascript
import { useRef, useEffect } from "react";
import WebViewer from "@pdftron/pdfjs-express";

const DocumentViewer = () => {
  const viewer = useRef(null);

  useEffect(() => {
    WebViewer(
      {
        path: process.env.PUBLIC_URL + "/pdfjsexpress",
        initialDoc: process.env.PUBLIC_URL + "/pdfjsexpress/demo.pdf"
      },
      viewer.current,
    ).then((instance) => {
    });
  }, []);

  return (
    <div className="">
        <div className="header">React sample</div>
        <div className="webviewer" ref={viewer}></div>
    </div>
  );
};

export default DocumentViewer;

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/1X/ffbcd25c7d423db8d5acd5db201c272f4db306dd.png) [@system](https://pdfjs.community/u/system)\
**Post date:** [May 13, 2022, 3:31am UTC](https://pdfjs.community/t/pdf-not-showing-up-and-being-replaced-with-loading-modal/1676/3 "2022-05-13T03:31:50Z")

</div>

**Hello, I’m Ron, an automated tech support bot 🤖**

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:
- [Compare Documents](https://pdfjs.express/documentation/advanced/compare-documents)
- [Redaction](https://pdfjs.express/documentation/advanced/redaction)
- [APIs for customizing UI](https://pdfjs.express/documentation/ui-customization/api.8)

APIs:
- [UndefinedWebViewer(options, viewerElement)](https://pdfjs.express/api/global.html#WebViewer__anchor)
- [Core.Annotations - setCustomSerializeHandler(annotationClass, serializeHandler)](https://pdfjs.express/api/Core.Annotations.html#.setCustomSerializeHandler__anchor)
- [Core.Document - requirePage(pageNumber)](https://pdfjs.express/api/Core.Document.html#requirePage__anchor)

Forums:
- [Issue with watermark being removed](https://pdfjs.community/t/issue-with-watermark-being-removed/883/1)
- [How hide annotation when toolbar group changed](https://pdfjs.community/t/how-hide-annotation-when-toolbar-group-changed/1574/1)
- [How to Pan while tracing by pressing and holding the left click of the mouse](https://pdfjs.community/t/how-to-pan-while-tracing-by-pressing-and-holding-the-left-click-of-the-mouse/531/1)

---

<div class="post-metadata">

**Author:** ![karin](https://avatars.discourse-cdn.com/v4/letter/k/c37758/32.png) [@karin](https://pdfjs.community/u/karin)\
**Post date:** [May 13, 2022, 8:38pm UTC](https://pdfjs.community/t/pdf-not-showing-up-and-being-replaced-with-loading-modal/1676/4 "2022-05-13T20:38:16Z")

</div>

resolved, no actions need at this time

---

<div class="post-metadata">

**Author:** ![dnavarro](https://yyz1.discourse-cdn.com/flex031/user_avatar/pdfjs.community/dnavarro/32/707_2.png) [@dnavarro](https://pdfjs.community/u/dnavarro)\
**Post date:** [May 14, 2022, 1:22am UTC](https://pdfjs.community/t/pdf-not-showing-up-and-being-replaced-with-loading-modal/1676/5 "2022-05-14T01:22:32Z")

</div>