Not compatible with server rendering

[chrisjpatty]

First of all, thanks for making this package, it's been really useful for our client-side React projects. When we attempt to server render our React code , however, using the renderToStaticMarkup() method available from ReactDOMserver, it renders empty SVG tags. While looking through the code, it appears that the SVG rendering requires that the target environment be an actual DOM. Is there any way to make this package compatible with a non-browser environment?

[Makhlab]

Ran into the same issue. 💯

[kachkaev]

Hmm... JsBarcode seems to be isomorphic: lindell/JsBarcode#25

What's blocking server-side rendering then? 🤔

[capi1O]

Ran into this issue trying to convert to HTML string with canvg :

const htmlString = ReactDOMServer.renderToStaticMarkup(<Barcode value="http://www.google.com" />);
canvg(this.canvas, htmlString);
this.barcodeImageSrc = this.canvas.toDataURL('image/png');

from https://blog.usejournal.com/lets-make-a-resume-in-react-2c9c5540f51a

Need to do this because I output to a PDF using kendo PDFExport which does not support SVG.

Edit : After looking at the code there is actually an undocumented renderer prop which accepts svg, canvas and img which solves my problem.