usePdf triggers re-generating all pdf documents previously generated by another components

[gitdast]

I have multiple components using usePdf to generate pdf on user click. But once some is already ready (download link is displayed) and user clicks on another - all instances regenerate.

Example:

export default function Doc1PdfGenerator (props: IDoc1Props) {
    const [instance] = usePDF({ document: <Doc1PdfDocument {...props} /> });
    const href = instance.url ?? undefined;

    return (
        <>
            <a className={`${instance.loading || instance.error ? 'disabled' : ''}`} href={href} target='_blank'>Open pdf</a>

            {instance?.error && <span>PDF file unavailable</span>}
            {instance?.loading && !instance.error && <span>Creating PDF file ...</span>}
        </>
    )
}

export default function Doc2PdfGenerator (props: IDoc2Props) {
    const [instance] = usePDF({ document: <Doc2PdfDocument {...props} /> });
    ...
}

The first component added to the page - doc1 is generated. 2nd component added to the page - doc2 is generated and doc1 is also regenerated.

[gitdast]

I have tried BlobProvider, usePdf, ... all options and found await pdf(<DocPdfDocument {...props} /> is the only way how to generate multiple documents.

[nkroe]

@diegomura Hi, is there any update on this?