It works! Doesn't look good and is slow, but it works!

next.config.js

@@ -19,23 +19,6 @@ const config = {
       },
     ],
   },
-  webpack: (config, { isServer }) => {
-    if (!isServer) {
-      config.resolve.fallback.fs = false;
-    }
-
-    return config;
-  },
-  experimental: {
-    turbo: {
-      rules: {
-        "*.svg": {
-          loaders: ["@svgr/webpack"],
-          as: "*.js",
-        },
-      },
-    },
-  },
 };
 
 export default config;

package.json

@@ -9,7 +9,7 @@
     "db:migrate": "drizzle-kit migrate",
     "db:push": "drizzle-kit push",
     "db:studio": "drizzle-kit studio",
-    "dev": "next dev --turbo",
+    "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },

src/app/@modal/(.)paperless/document/[id]/page.tsx

@@ -1,10 +1,5 @@
-import { Modal } from "./modal";
 import DocumentViewer from "@/components/document-viewer";
 
-export default function DocumentModal(props: { id: number }) {
-  return (
-    <Modal>
-      <DocumentViewer id={props.id}></DocumentViewer>
-    </Modal>
-  );
+export default function FullPageDocumentPage({ params }: { params: { id: number } }) {
+  return <DocumentViewer id={params.id} />;
 }

src/app/actions.ts

@@ -89,4 +89,5 @@ export async function getPaperlessDocument(id: number) {
     }
   } catch (error) {
     console.error("Error fetching PDF:", error);
+  }
 }

src/app/paperless/document/[id]/page.tsx

@@ -1,7 +1,6 @@
 import DocumentViewer from "@/components/document-viewer";
 
-export default function FullPageDocumentPage(props: { id: number }) {
-  return (
-    <DocumentViewer id={props.id} />
-  );
+export default function FullPageDocumentPage({ params }: { params: { id: number } }) {
+  console.log("FULLL PAPGJPIGHEGPIUSHEGPIUWEGHPIWUEGH: " + params.id);
+  return <DocumentViewer id={params.id} />;
 }

src/components/document-viewer.tsx

@@ -7,6 +7,7 @@ import LoadingSpinner from "@/components/loading-spinner";
 export default function DocumentViewer(props: { id: number }) {
   const [pdfUrl, setPdfUrl] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
+  console.log("docuement viewer: " + props.id)
 
   useEffect(() => {
     const fetchData = async () => {
@@ -21,7 +22,6 @@ export default function DocumentViewer(props: { id: number }) {
       try {
         const response = await fetch(url, {
           headers: {
-            "Content-Type": "application/pdf",
             Authorization: `Token ${userData.paperlessToken}`,
           },
         });