@redocly/theme
Version:
Shared UI components lib
15 lines • 632 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUniqueSvgIds = useUniqueSvgIds;
const react_1 = require("react");
/**
* Returns a function that appends a per-component-instance suffix to SVG ids.
* This prevents collisions when multiple identical SVGs are rendered on the same page,
* which can break `url(#...)` references (gradients, clipPath, masks, filters) on reflow.
*/
function useUniqueSvgIds() {
const reactId = (0, react_1.useId)();
const safeSuffix = reactId.replace(/:/g, '_');
return (id) => `${id}-${safeSuffix}`;
}
//# sourceMappingURL=use-unique-svg-ids.js.map