The scale is not updated at the first download

[katefadeeva]

I need to adjust the scale according to the screen size. To achieve this, during the initial rendering, I calculate the scale based on the block's offsetWidth. The scale variable changes, but the PDF is still displayed with the previous scale. Could you please advise what might be causing this issue?

    const [scale, setScale] = useState(1);
    const { pdfDocument } = usePdf({
        file: path,
        page,
        canvasRef,
        scale,
    });
    
     useEffect(() => {
        if (modalRef.current) {
            setScale(+(modalRef.current?.offsetWidth / 595 - 0.02).toFixed(2));
        }

    }, [modalRef.current?.offsetWidth]);

595 is the default width of the pdf document, this is indicated if you set scale = 1