scale

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pdf-headless",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "files": [
     "src",
@@ -19,7 +19,7 @@
     "@tanstack/react-virtual": "^3.13.0",
     "react": "^18.3.1",
     "react-dom": "^18.2.0",
-    "react-pdf": "10.1.0"
+    "react-pdf": "9.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

src/Page.tsx

@@ -5,6 +5,7 @@ import { ReaderPageProps, RenderPage, RenderPageProps } from "./types";
 export const EXTRA_WIDTH = 5;
 
 const Page = ({
+  scale = 1,
   virtualItem,
   viewports,
   rotation,
@@ -21,7 +22,13 @@ const Page = ({
   }, [pageObserver]);
 
   const defaultPageRenderer: RenderPage = (props: RenderPageProps) => {
-    return <ReactPdfPage pageIndex={props.pageIndex} rotate={props.rotate} />;
+    return (
+      <ReactPdfPage
+        scale={props.scale}
+        pageIndex={props.pageIndex}
+        rotate={props.rotate}
+      />
+    );
   };
 
   const renderPageLayer = renderPage || defaultPageRenderer;
@@ -71,6 +78,7 @@ const Page = ({
             className={classes?.pageWrapper}
           >
             {renderPageLayer({
+              scale,
               pageIndex: virtualItem.index,
               rotate: rotation,
               rotationAdjustment,

src/Reader.tsx

@@ -454,7 +454,8 @@ const Reader = ({
         {...reactPDFDocumentProps}
         file={file}
         onLoadSuccess={onDocumentLoadSuccess}
-        scale={scale}
+        // react-pdf 10.x allows scale to be passed to the document
+        // scale={scale}
       >
         <div
           id="pages-container"
@@ -470,6 +471,7 @@ const Reader = ({
               .getVirtualItems()
               .map((virtualItem) => (
                 <Page
+                  scale={scale}
                   key={virtualItem.key}
                   virtualItem={virtualItem}
                   viewports={viewports}

src/types.ts

@@ -77,6 +77,7 @@ export interface HighlightArea {
 }
 
 export interface RenderPageProps {
+  scale: number;
   pageIndex: number;
   rotate: number;
   rotationAdjustment: number;
@@ -85,6 +86,7 @@ export interface RenderPageProps {
 export type RenderPage = (props: RenderPageProps) => React.ReactNode;
 
 export interface ReaderPageProps {
+  scale: number | undefined;
   virtualItem: VirtualItem;
   viewports: Array<PageViewport> | null;
   rotation: number;