chore: update pdf-viewer version v8 to v9 (#213)

.yarnrc.yml

@@ -6,4 +6,4 @@ enableGlobalCache: false
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.4.0.cjs
+yarnPath: .yarn/releases/yarn-4.5.1.cjs

apps/admin/package.json

@@ -33,15 +33,15 @@
     "framer-motion": "11.2.10",
     "google-auth-library": "9.13.0",
     "google-spreadsheet": "4.1.2",
-    "next": "14.2.12",
+    "next": "14.2.15",
     "next-auth": "5.0.0-beta.19",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-perfect-scrollbar": "1.5.8"
   },
   "devDependencies": {
     "@dnd-academy/eslint-config": "*",
-    "@next/eslint-plugin-next": "14.2.12",
+    "@next/eslint-plugin-next": "14.2.15",
     "@testing-library/dom": "10.3.1",
     "@testing-library/jest-dom": "6.4.6",
     "@testing-library/react": "16.0.0",

apps/web/package.json

@@ -34,18 +34,18 @@
     "@channel.io/channel-web-sdk-loader": "1.1.7",
     "@dnd-academy/core": "*",
     "@dnd-academy/ui": "*",
-    "@next/third-parties": "14.2.12",
+    "@next/third-parties": "14.2.15",
     "@vercel/blob": "0.23.4",
     "clsx": "2.1.1",
     "dayjs": "1.11.11",
     "framer-motion": "11.2.10",
-    "next": "14.2.12",
+    "next": "14.2.15",
     "qs": "6.12.1",
     "react": "18.3.1",
     "react-countup": "6.5.3",
     "react-dom": "18.3.1",
     "react-fast-marquee": "1.6.4",
-    "react-pdf": "8.0.2",
+    "react-pdf": "9.1.1",
     "react-perfect-scrollbar": "1.5.8",
     "react-responsive-masonry": "2.2.0",
     "sanitize.css": "13.0.0",
@@ -56,7 +56,7 @@
     "@chromatic-com/storybook": "2.0.2",
     "@codecov/nextjs-webpack-plugin": "1.2.0",
     "@dnd-academy/eslint-config": "*",
-    "@next/eslint-plugin-next": "14.2.12",
+    "@next/eslint-plugin-next": "14.2.15",
     "@storybook/addon-essentials": "8.3.3",
     "@storybook/addon-interactions": "8.3.3",
     "@storybook/addon-links": "8.3.3",

apps/web/src/components/molecules/PDFViewer/index.tsx

@@ -16,10 +16,7 @@ import { ArrowExpandIcon, ArrowRightIcon } from '@/lib/assets/icons';
 
 import styles from './index.module.scss';
 
-pdfjs.GlobalWorkerOptions.workerSrc = new URL(
-  'pdfjs-dist/build/pdf.worker.min.js',
-  import.meta.url,
-).toString();
+pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
 
 type Props = {
   url: string;

apps/web/src/components/pages/ProjectPage/index.tsx

@@ -1,10 +1,10 @@
+import dynamic from 'next/dynamic';
 import Image from 'next/image';
 
 import { type Project } from '@dnd-academy/core';
 import { Badge, Button, SkillTag } from '@dnd-academy/ui';
 
 import DetailNavigation from '@/components/molecules/DetailNavigation';
-import PDFViewer from '@/components/molecules/PDFViewer';
 import ShareClipBoardCTA from '@/components/molecules/ShareClipBoardCTA';
 import SocialIconLink from '@/components/molecules/SocialIconLink';
 import ProjectCards from '@/components/organisms/ProjectCards';
@@ -16,6 +16,10 @@ import { getEntries } from '@/utils';
 
 import styles from './index.module.scss';
 
+const PDFViewer = dynamic(() => import('@/components/molecules/PDFViewer'), {
+  ssr: false,
+});
+
 type Props = {
   project: Project;
 };

package.json

@@ -50,5 +50,5 @@
     "email": "[email protected]",
     "url": "https://github.com/DNDACADEMY/dnd-academy-v2/issues"
   },
-  "packageManager": "yarn@4.4.0"
+  "packageManager": "yarn@4.5.1"
 }

packages/ui/package.json

@@ -103,7 +103,7 @@
     "@dnd-academy/core": "*",
     "clsx": "2.1.1",
     "framer-motion": "11.2.10",
-    "next": "14.2.12",
+    "next": "14.2.15",
     "react": "18.3.1",
     "react-countup": "6.5.3",
     "react-dom": "18.3.1",
@@ -112,7 +112,7 @@
   "peerDependencies": {
     "clsx": "2.1.1",
     "framer-motion": "11.2.10",
-    "next": "14.2.12",
+    "next": "14.2.15",
     "react": "^18",
     "react-countup": "6.5.3",
     "react-dom": "^18",