react-component-export-image | Export component as jpeg , png or pdf | Image Editing library

I was getting the 'window is not defined' error when importing react-component-export-image so I used a dynamic import to get around that. I don't get that error anymore but now I get 'exportComponentAsPNG(componentRef) is not a function'. Is there a better way to deal with the 'window is not defined' error or a way to use the function I am importing dynamically? If not, is there a different npm library that works to generate an image from a react component?

I'm trying to export a chart to an image and I want the chart image to have a custom legend that is not being displayed on screen.

How can I do that?

For now I have tried to export using react-component-export-image but if the component is not displayed the ref is null and It cannot be exported. See component export implementation src-code.

Example of my current code: codesandbox

I want to export Grommet TextArea as an image. The following code works if there is just a single line of text. But if I adjust the TextArea component in a way to make the text fill multiple lines, this won't be exported in the output image.

This is how it looks (1 - is the page which contains the multiline TextArea I want to export, 2 - the exported TextArea, containing just a single line of text)

Seems like I'm just missing something about HTML canvas. Or maybe there is some property in Grommet TextArea which helps with changing that behavior?

App.js:

I'm trying to use exportComponentAsPNG function from react-component-export-image lib: https://www.npmjs.com/package/react-component-export-image

exportComponentAsPNG(node, {fileName, html2CanvasOptions})

The function works great if I pass just a component. But I can't make it work with optional params and produce an image with transparent background (maybe I'm missing something about optional parameters conversion of JS in general). So I tried to pass a backgroundColor option, which, I think, should help me with getting a transparent background. What I've already tried:

• exportComponentAsPNG(node, backgroundColor = null);
• exportComponentAsPNG(node, backgroundColor: null);
• exportComponentAsPNG(node, { backgroundColor: null });

I could specify backgroundColor with the previous version of react-component-export-image API, but now I'm getting lost with the new syntax.