通过NextJs使用外部源的react pdf显示pdf文件

嗨，我在使用NextJs并试图在web中显示pdf文件，我在使用react pdf作为包。使用时

<Document 
  file={"http://example.com/sample.pdf"}
  onSourceError={(err) => console.log('source err', err)}
  onLoadError={err => console.log('load err', err)}
  >
<Page
  pageNumber={pageNumber}
  width={width}
/>

我在失眠症中试过了，我得到了一个pdf响应，但是文件是空白的

有人知道怎么解决这个问题吗？除此之外还有其他选择吗？谢谢

const request = require('request');

export default (req, res) => {
    return new Promise(resolve => {
        res.statusCode = 200
        res.setHeader('Content-Length', 99999);
        res.setHeader('Content-Type', 'application/pdf')
        res.setHeader('Content-Disposition', 'attachment; filename=quote.pdf');

        let { parentid } = req.headers;
        
        switch (true) {
            case req.method === 'GET':
                console.log('GET')
                request.get('http://example.com/sample.pdf', {}, function (err, response, body) {
                    if (err) {
                        console.log('err', err)
                        res.status(500).json({ code: 'Internal Server Error' })
                        resolve();
                    } else {
                        res.status(200).send(body)
                        resolve()
                    }

                })
                break;
            default:
                res.status(400).json({ code: 'MethodNotAllowed' })
                break;
        }
    })
}