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 (