react-download-svg | Decorate an SVG so you can download | Animation library

I worked with similiar problem - generate parametrized SVG paths for CNC purpose.

Problem wasn't with download as invoked manually (after DOM update) - batch download (zipped) planned, also.

Problem was: how to display SVG source/xml in another node/component for debugging - updated on every parameter change.

However, the render pipeline of React does not enable me to batch the downloading because I don't control the display cycle of my JSX SVG.

This is true ... is nome sense, even harder while React Fiber can delay some DOM updates - but we have some possibilities to be notified.

1. componentDidUpdate() - but 'not called for the initial render'
2. ref callback - but '... defined as an inline function, it will get called twice during updates, first with null and then again with the DOM element'

I prefer 2nd method for a few reasons, f.e. neutral to SVG (functional) component internals - however it's not guaranteed to be called in every use case - it won't be if not needed - OTOH CDM and CDU are guaranteed to have updated/proper refs when called.

Another hint found somewhere (SO?): use setTimeout to be safe/sure callback called after DOM update.