Reactjs react中的pdf文档

我有一个来自json文件的pdf路径，我想在react.js应用程序中显示此pdf

 <a href="./assets/pdf/pdf-name.pdf" type="application/pdf" className="" target="_blank" rel="noopener noreferrer" >Report</a>

我使用这段代码，它在本地工作，但当我将其部署到aws（S3+cloudfront）时，它就不工作了。我怀疑内容类型不是application/pdf，这就是为什么浏览器不知道如何处理它，所以它会在我的应用程序中加载一个空页面

有没有办法使用pdf的动态链接并正确显示

我看到，我可能必须将pdf作为组件导入，但这意味着我必须在源代码中对pdf进行硬核处理，而不是从json中获取它们。即使我尝试简单地通过硬编码一个链接来测试它，它仍然不起作用

关于我能做什么或问题出在哪里，有什么线索吗