PDF File page size does not fit to window size

[fabianf92]

Hi,
I am using react-pdf, but all my PDF pages do not fit to the window size. There is a lot of whitespace added to the end of the page.
Here is some sample code:

import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';

export default function Test() {
    return (
        <div>
            <h1>Test</h1>
            <Document file={samplePDF}>
            <div style={{ width: '1000px', height: '1000px', overflow: 'auto' }}>  
                <Page pageNumber={1} />
            </div>
            </Document>

        </div>
    )
}

The result:

Using the properties scale, height, width in Page do not help as they also change size of the window. How can I make the PDF Page fit exactly to the window?

[fabianf92]

I simply forgot to add

import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
import 'react-pdf/dist/esm/Page/TextLayer.css';

Perfectly working now.