Component fails to correctly render on first passes (React Hooks)

Question

I\'m trying to update a React Component (B) that renders an SVG object passed from a parent Component (A).

B then uses getSVGDocument().?getElementById