From 459df2feb0bf8625601b2a52bdf19c55581cd610 Mon Sep 17 00:00:00 2001 From: 2-one-week Date: Tue, 20 Oct 2026 19:40:12 +0900 Subject: [PATCH] =?UTF-8?q?:bug:=20fix:=20react-pdf=20=EC=B2=AB=20?= =?UTF-8?q?=EB=A0=8C=EB=8D=94=20=EC=8B=9C=20=EC=BB=A8=ED=85=8C=EC=9D=B4?= =?UTF-8?q?=EB=84=88=20=ED=8F=AD=20=EA=B8=B0=EC=A4=80=EC=9C=BC=EB=A1=9C=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=8F=AD=20=EA=B3=84=EC=82=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .changeset/react-pdf-initial-page-width.md | 5 +++++ packages/react-pdf/src/components/PdfViewer.tsx | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 .changeset/react-pdf-initial-page-width.md diff --git a/.changeset/react-pdf-initial-page-width.md b/.changeset/react-pdf-initial-page-width.md new file mode 100644 index 00000000..5f0937a7 --- /dev/null +++ b/.changeset/react-pdf-initial-page-width.md @@ -0,0 +1,5 @@ +--- +'@naverpay/react-pdf': patch +--- + +[react-pdf] 첫 렌더 시 컨테이너 대신 window 폭으로 페이지 폭이 계산되어 컨테이너보다 넓게 그려지는 문제 수정 diff --git a/packages/react-pdf/src/components/PdfViewer.tsx b/packages/react-pdf/src/components/PdfViewer.tsx index 9d1cccab..8694a81f 100644 --- a/packages/react-pdf/src/components/PdfViewer.tsx +++ b/packages/react-pdf/src/components/PdfViewer.tsx @@ -137,7 +137,9 @@ export function PdfViewer({ ) if (!pdf || !width) { - return null + /* 첫 렌더에서도 컨테이너 폭을 측정할 수 있도록 높이 0인 div에 ref를 연결한다. + * ref가 없으면 window.innerWidth로 계산되어 컨테이너보다 넓게 그려진다. */ + return
} return (