There seems to be no page zooming function. about react-pdf-js

[djsamseng]

Fixed size content box that zooms with scrollbars

import { useRef, useState } from "react";
import { usePdf } from "@mikecousins/react-pdf";

function PdfWithZoom(props: { pdfDocumentUrl: string }) {
  const canvasRef = useRef(null);
  const [ page, setPage ] = useState(1);
  const [ scale, setScale ] = useState(1);
  const { pdfDocument, pdfPage } = usePdf({
    file: props.pdfDocumentUrl,
    page,
    canvasRef,
    scale: scale,
  });
  return (
    <div style={{height: "50vh", width: "50vw", overflow: "scroll", }}>
       <button onClick={() => setScale(scale * 1.1)}>Zoom +</button>
       <button onClick={() => setScale(scale * 0.9)}>Zoom -</button>
       <canvas ref={canvasRef} />
    </div>
  );
}

If you want the content box to grow and shrink instead of having scrollbars then just remove style={{height: "50vh", width: "50vw", overflow: "scroll", }}