'Can't use PNG files larger than 10kb in pdf generation

I am trying to generate pdf files using renderToStaticMarkup from react-dom/server library and every time I am using png files larger than 10KB it doesn't display them. I read the documentation for any workarounds, but found nothing. It does not allow for other file types like .svg either. Is there any way for me to add good quality images to pdfs or I have to go by without them? Thanks for all the answers in advance!

PS. When I load images from external links they display properly.

reactjsreact-domreact-dom-server


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions

React Router with optional path parameter

react-dropzone: isDragReject is true when accept csv?

React: Perform action, only once, when html element is clicked

How do you re-render DatePicker with updated defaultValue?

React-Native-Maps not showing on Android Emulator or real device

Having services in React application

Recommendations to get React input test

Recommendations to get React input test

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'

Mui-datatables Material-UI: the page prop of a TablePagination is out of range

react router's location state becomes undefined on change of route

Using webpack to load CSS files from node modules

react-number-format: Setting Default Value

You cannot render a <Router> inside another <Router>. You should never have more than one in your app