React-PDF渲染PDF页面时内置链接无法点击如何解决

问题描述 #

已检索同类问题的所有公开解决方案，均无法适配当前场景，初步推测问题可能与PDF文档本身的属性相关，现请求协助排查定位根因。

复现方式 #

可直接访问在线复现环境触发问题：CodeSandbox在线示例

行为对比 #

• 预期行为：PDF内置的链接可正常点击跳转，交互效果与React-PDF官方演示一致：React-PDF官方在线演示
• 实际行为：经React-PDF渲染的PDF页面内，所有链接均无法点击触发跳转

交叉测试结果 #

• 谷歌在线文档查看器打开该PDF的第4、5页时，链接同样无法触发跳转
• 下载PDF到本地后，使用MacOS系统默认预览器打开，链接可正常点击生效

测试环境信息 #

• React-PDF版本：5.7.2，回退至4.1.0版本测试存在相同问题
• React版本：18.0.0，回退至16.4.0版本测试存在相同问题

已尝试的替代方案 #

使用iframe、embed标签直接嵌入PDF的方式，可实现链接正常点击，但该方案在iOS端Safari浏览器下无法正常加载显示PDF，无法投入生产使用。

内容的提问来源于stack exchange，提问作者Kim Hà