SVG Error: error while updating property of ‘d’

Before i start i just want to mention that i tried some ways of solving this problem when i search the site for answer, couldn't make this work :(

As the title suggested i have a problem while i'm using React Native Victory graphs. To be clear: it works fine untill i press the button to display the graph again.

for example this is the onPress im calling the graph with useState method:

<TouchableOpacity
      onPress={() => {
        setBarChecked(true);
        setLineIsChecked(false);
        setLineChecked(false);
        setPieChecked(false);
      }}
    >
      <FontAwesome5 name="chart-bar" size={36} color="#0000FF" style={{ padding: 9 }} />
    </TouchableOpacity>

This is the graph code:

    <VictoryBar
      barRatio={0.8}
      style={{
        data: { fill: "#c43a31" }
      }}
      data={handleBarData()} //This function calculate data and return array
    />

After a graph icon is pressed its working Working

After im pressing another graph, and then returning to graph i already pressed before, the app freeze and i get this error:

error

using "react-native-svg": "^12.1.0",



Read more here: https://stackoverflow.com/questions/64401112/svg-error-error-while-updating-property-of-d

Content Attribution

This content was originally published by Osher Revach at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: