Error loading large SVG icons

[tkvw]

When I import flag-icon-css library, the transformation fails with the following error:

Failed to compile.

./node_modules/flag-icon-css/flags/1x1/do.svg
Module build failed: RangeError: Maximum call stack size exceeded
    at String.replace (<anonymous>)
    at Array.forEach (<anonymous>)
    at Array.forEach (<anonymous>)

This icon is 456 kb, so maybe it has something to do with this?

[gregberge]

It is very interesting. It should work but actually h2x is not very optimized. The problem is probably in the traverser. If someone is familiar with this and want to help he is welcome!

I will try to debug it on my side.

[gregberge]

Upgrading JSDOM smooth-code/h2x#8 would be a good start.

[gregberge]

Your SVG is so huge, but I found a way to do it, just increase the call stack size:

node --stack-size=10000 ./node_modules/.bin/svgr do.svg

I will not work on it because transforming huge SVG like that is not a common use case and there is actually a workaround.