feat: upgrade pdf viewer (#179)

---------
Co-authored-by: Marcus Schiesser <[email protected]>

Author: thucpn

.changeset/young-cameras-boil.md

@@ -0,0 +1,5 @@
+---
+"create-llama": patch
+---
+
+Upgrade pdf viewer

templates/types/streaming/nextjs/app/components/ui/chat/widgets/PdfDialog.tsx

@@ -1,4 +1,4 @@
-import { PDFViewer, PdfFocusProvider } from "@llamaindex/pdf-viewer";
+import dynamic from "next/dynamic";
 import { Button } from "../../button";
 import {
   Drawer,
@@ -16,6 +16,18 @@ export interface PdfDialogProps {
   trigger: React.ReactNode;
 }
 
+// Dynamic imports for client-side rendering only
+const PDFViewer = dynamic(
+  () => import("@llamaindex/pdf-viewer").then((module) => module.PDFViewer),
+  { ssr: false },
+);
+
+const PdfFocusProvider = dynamic(
+  () =>
+    import("@llamaindex/pdf-viewer").then((module) => module.PdfFocusProvider),
+  { ssr: false },
+);
+
 export default function PdfDialog(props: PdfDialogProps) {
   return (
     <Drawer direction="left">

templates/types/streaming/nextjs/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@apidevtools/swagger-parser": "^10.1.0",
     "@e2b/code-interpreter": "^0.0.5",
-    "@llamaindex/pdf-viewer": "^1.1.1",
+    "@llamaindex/pdf-viewer": "^1.1.3",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-hover-card": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",