Error while updating property "d" of a view managed by RNSVGPath (Invalid number formatting character 'N')

Using a Ring chart and updating the data array with useState. When typing to TextInput it crashes and gives that error. This only happens when updating it with textinput, if I manually type for example 1 to OHP useState it works as intended. Error Error while updating property “d” of a view managed by RNSVGPath (Invalid number formatting character ‘N’)(i=2, s=M NaN NaN A 40 40 0 0 1 NaN NaN L NaN NaN A 40 40 0 0 0 NaN NaN Z)

Versions React-native-svg 12.1.0 React-native ~0.63.3

Any help would be very appreciated

Code ` export default function Progress({ route, navigation }) { const [ohp, setOhp] = useState(0); const [bench, setBench] = useState(0); const [squat, setSquat] = useState(0);

const data = { labels: [“OHP”, “Bench”, “Squat”], data: [ohp, bench, squat] }; <TextInput placeholder=‘Overheadpress’ onChangeText={ohp => setOhp(ohp)} value={ohp}/> `

[MyRealFood]

Same here!

[jarederaj]

I think you may be triggering this error because your code is attempting to render a path that is outside the bounds of the SVG. An example would be a 30 day graph that has a path attempting to render 31 days.