Annotations do not render correctly and miss styling

[tb-viktor]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

Hey guys,

We're having some problems getting annotations to render correctly. They are created using a Python library called pypdf as FreeText and contain some styling, and should look like this:

The library renders them as:

You can noticed the border, font size and background are missing in the first annotation, and the color is wrong in the second one.

We've checked a couple of PDF viewers and got mixed results - some do not render them at all, some render like the library does, and others render them correctly (for example PDF-XChange, https://smallpdf.com/edit-pdf). I get the impression this is a broader issue with PDF readers.

Any ideas how we can get it to render correctly with react-pdf?

Steps to reproduce

Load the file: annotations_test.pdf

Note: If you are immediately opening the file in the browser's PDF viewer - Chrome renders nothing, Firefox renders like react-pdf does.

Expected behavior

Render annotations with the provided styling.

Actual behavior

The annotations show, but miss almost all of the styling. console.logging the annotations via onGetAnnotationsSuccess shows that almost all properties are null:

Additional information

No response

Environment

• Browser (if applicable):
• React-PDF version:
• React version:
• Bundler name and version (if applicable):