diff --git a/apps/web/components/pdf-viewer.js b/apps/web/components/pdf-viewer.js
index a95031f35..cbcaadc05 100644
--- a/apps/web/components/pdf-viewer.js
+++ b/apps/web/components/pdf-viewer.js
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
 
-export default function PDFViewer() {
+export default function PDFViewer(props) {
   const [file, setFile] = useState("./sample.pdf");
   const [numPages, setNumPages] = useState(null);
 
@@ -23,7 +23,7 @@ export default function PDFViewer() {
     <>
       <div className="">
         <Document
-          file={"/sample.pdf"}
+          file={props.pdfUrl}
           onLoadSuccess={onDocumentLoadSuccess}
           options={options}
         >
diff --git a/apps/web/pages/documents/[id].tsx b/apps/web/pages/documents/[id].tsx
index a3493347d..864883682 100644
--- a/apps/web/pages/documents/[id].tsx
+++ b/apps/web/pages/documents/[id].tsx
@@ -11,7 +11,7 @@ const PDFViewer = dynamic(() => import("../../components/pdf-viewer"), {
 const DocumentsDetailPage: NextPageWithLayout = () => {
   return (
     <div>
-      <PDFViewer />
+      <PDFViewer pdfUrl={"http://localhost:3000/api/documents/3"} />
     </div>
   );
 };