使用react-pdf遇到textLayer,annotationLayer显示错位的解决办法

问题场景

正常使用react-pdf并且能加载出来，但是显示出来的PDF是错位的，高度也很高。
如图：

通过检测元素我们可知是有两个元素的位置不对，如以下图：

解决方案

方案1

在Page标签里添加renderAnnotationLayer, renderTextLayer属性，就可以不会渲染出错的那两个节点

<Page
	width={700}
	 pageNumber={curPage}
	 renderAnnotationLayer={false}
	 renderTextLayer={false}
/>

方案2

通过CSS去解决，加入以下样式即可

.react-pdf__Page__textContent {
    position: absolute;
    color: transparent;
    pointer-events: none;
}

.react-pdf__Page__canvas {
    position: absolute;
}

以上解决方案均来自官方issue，经过验证都是可行的。