react-nativesvgreact-native-svgreact-native-svg-charts

EXPO react-native-svg Error:- "Error while updating property 'd' of a view managed by: RNSVGPath null . For input string: "c"


There seems to be an issue with the react-native-svg and android. This error is being thrown in my Android app only - the iOS app seems to be fine? The error message gives me no indication as to where the error may be occurring. Any ideas would be helpful...

CODE:

import { Circle } from 'react-native-svg';

    <Circle
       cx="0"
       cy="0"
       r={size / 2 - 6}
       fill="rgba(255,255,255,0.7)" // Transparency
     />

"react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz", "react-native-svg": "9.5.3", "react-native-svg-charts": "^5.3.0",

enter image description here

UPDATE:

I think have found the root of the error. Within node_modules>react-native-svg>elements>Path.js>Path>render there is a requirement for a props 'd' - it reads:

<RNSVGPath
 ref={this.refMethod}
 {...extractProps(propsAndStyles(props), this)}
 d={props.d}
/> 

Solution

  • I removed the version in my project using yarn remove react-native-svg then I ran yarn add react-native-svg@9.13

    ***that solved my issue