Memory leaks while rendering page asynchronously

[MallauryGerard]

Hello,

As many people, I'm experiencing a memory leak while rendering a whole PDF.
I try to render the first page of a PDF and then the others as I scroll.

The problem is that each time a page is rendered, the memory used increases by ~80MB and doesn't decrease any more.

After struggling with this problem for several hours, I realised that memory usage was decreasing using page.cleanup(); each time a page is rendered.

But this solution only works if you force the rendering to be synchronous. Because when running asynchronously, the "page" variable is already being used to render page 2 (for example) while I'm trying to cleanup page 1...

I don't know if the explanation is clear?

This is the code that frees up memory (synchronous):

var __PDF = null;
var loadingTask = pdfjsLib.getDocument(__URL);
loadingTask.promise.then(async function(pdf) {
	__PDF = pdf;
	await renderPagesSequentially(1, __PDF.numPages);
});

async function renderPagesSequentially(startPage, endPage) {
    for (let i = startPage; i <= endPage; i++) {
        let canvas = createDivsForPage(i);
        await renderPage(i, canvas);
    }
}

function createDivsForPage(pageNumber) {
    let pageContainer = document.createElement("div");
    pageContainer.className = 'page-container page-container-' + pageNumber;
    $('#pdf-viewer').append(pageContainer);

    let canvas = document.createElement("canvas");
    canvas.className = 'pdf-page-canvas';
    pageContainer.append(canvas);

    return canvas;
}

async function renderPage(pageNumber, canvas) {
    const page = await __PDF.getPage(pageNumber);

    let viewport = page.getViewport({
        scale: __SCALE
    });
    let outputScale = window.devicePixelRatio || 1;

    canvas.width = viewport.width * outputScale;
    canvas.height = viewport.height * outputScale;

    let transform = outputScale !== 1
    ? [outputScale, 0, 0, outputScale, 0, 0]
    : null;

    let renderContext = {
        canvasContext: canvas.getContext('2d'),
        transform: transform,
        viewport: viewport
    };

    await page.render(renderContext).promise;
    console.log('rendered page : ' + pageNumber)
    page.cleanup();
}

Do you know how I could do this asynchronously?
Thans!