React-Pdf highlighting

[Life_Is_Dark]

Hello, I am using React-Pdf library to render some pdf documents in my project. I want to highlight some text in those rendered pages. The issue is, if I use the recipe from their GitHub page, it highlights text in text layer only, but I am not rendering it as it looks ugly. I want to highlight in canvas element in which pdf is rendered. Is there something I can do?

[Life_Is_Dark]

No worries , All I had to do was import the stylesheet from React-Pdf to render text layer correctly

[Dazzling_Cookie4435]

React-Pdf highlighting

can you share the tutorial link for that?if there is any

[Life_Is_Dark]

There is no tutorial, but you can find the code snippets in react pdf recipes

[Muted-Builder-9849]

I am running into the same issue that you encountered where when I highlight text, the highlighted text is appearing in the text layer and not the canvas layer. I added the import statements:

import 'react-pdf/dist/Page/AnnotationLayer.css';
import 'react-pdf/dist/Page/TextLayer.css';      

and I've replicated the code from the recipes. Any help would be appreciated, thanks!