fix: error for transform on web (#2139)

Setting transform prop of svg component as undefined in web causes the error, so we set it only if the parsed value is not undefined.
This commit is contained in:
Wojciech Lewicki
2023-09-20 16:14:35 +02:00
committed by GitHub
parent 23d65b9835
commit 5f3bd0dd48
+13 -3
View File
@@ -223,9 +223,19 @@ const prepare = <T extends BaseProps>(
clean['transform-origin'] = `${originX || 0} ${originY || 0}`;
}
clean.transform = parseTransformProp(transform, props);
clean.gradientTransform = parseTransformProp(gradientTransform);
clean.patternTransform = parseTransformProp(patternTransform);
// we do it like this because setting transform as undefined causes error in web
const parsedTransform = parseTransformProp(transform, props);
if (parsedTransform) {
clean.transform = parsedTransform;
}
const parsedGradientTransform = parseTransformProp(gradientTransform);
if (parsedGradientTransform) {
clean.gradientTransform = parsedGradientTransform;
}
const parsedPatternTransform = parseTransformProp(patternTransform);
if (parsedPatternTransform) {
clean.patternTransform = parsedPatternTransform;
}
clean.ref = (el: SVGElement | null) => {
self.elementRef.current = el;