User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.87 Safari/537.36

Steps to reproduce:

Given we use an inline icon that includes defs or/and mask Example
And we reuse this icon in multiple places
When the first icon is placed in a div with display "none" the reference is hidden (only true if done on the first icon)

Actual results:

The mask is lost as shown in the attached gif (showing the normal <mask> versus a special <Mask> component keeping the mask reference in outer DOM)

(this also happens in Chrome btw.)

Expected results:

All icons should render normally as in Safari without loosing the referenced element.
Reference: https://github.com/raix/react-svg-defs-issue/blob/master/src/App.js

Having multiple elements with the same id value is invalid. That may well be a source of some of your problems.