PDFDownloadLink not working using Next js

[zhangqhzz]

"@react-pdf/renderer": "^3.4.4"
"next": "14.2.1",
{myDocument && <PDFDownloadLink document={myDocument} fileName={project.company.jgmc + project.year + ".pdf"}>
{({ blob, url, loading, error }) => {
console.log("loading=" + loading)
return error ? error.toString() :
loading ? 'Loading...' : <>Pdf</>
}}
}

console：
loading=false
loading=true
web: The page keeps displaying "Loading..."
Click No Response

[antal-bukos]

I ran into this same problem and what I found weird is that it works without Text elements, but when using text loading is never set to false. Based on discussions on a different issue, it happens when using custom fonts in the text, it's caused by a dependency of react-pdf, this helped me #2675 (comment).

[zhangqhzz]

Thanks. 求真 ***@***.*** &nbsp;

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人: "diegomura/react-pdf" ***@***.***&gt;; 发送时间:&nbsp;2024年5月20日(星期一) 晚上6:52 ***@***.***&gt;; ***@***.******@***.***&gt;; 主题:&nbsp;Re: [diegomura/react-pdf] PDFDownloadLink not working using Next js (Issue #2754) I ran into this same problem and what I found weird is that it works without Text elements, but when using text loading is never set to false. Based on discussions on a different issue, it happens when using custom fonts in the text, it's caused by a dependency of react-pdf, this helped me #2675 (comment). — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***&gt;