Fix how we handle style in our Svg image component for web (#2612)

* Fix how we handle style in our Svg image component for web

* fix how we clone style object

Author: ethanshar

src/components/svgImage/index.web.tsx

@@ -14,13 +14,12 @@ export interface SvgImageProps {
 }
 
 function SvgImage(props: SvgImageProps) {
-  const {data, style, tintColor, ...others} = props;
-
-  const styleObj = Object.assign({}, ...(style || []));
-
+  const {data, style = {}, tintColor, ...others} = props;
   const [svgStyleCss, setSvgStyleCss] = useState<string>(EMPTY_STYLE);
   const [postCssStyleCalled, setPostCssStyleCalled] = useState(false);
 
+  const styleObj = JSON.parse(JSON.stringify(style));
+
   const createStyleSvgCss = async (PostCssPackage: {postcss: any; cssjs: any}) => {
     setPostCssStyleCalled(true);
     const {postcss, cssjs} = PostCssPackage;