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

Question

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",

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}
/>

score 5 · Accepted Answer · answered Apr 06 '20 at 16:32

5

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

answered Apr 06 '20 at 16:32

EMMANUEL AJAERO

66
1
4

I have the same issue and downgrading from react-native-svg@12.1.0 to 9.13 solved it for me as well – raymelfrancisco Jul 14 '20 at 19:14
weird, downgrading a solution? – Mikey Dec 09 '21 at 07:37
Yes, downgrading it solved the issue. – Manik Verma Sep 14 '22 at 12:00

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

1 Answers1