Error while updating property 'd' in shadow node

What is the problem?

Unable to set the value of barchart to 0 which causes me to give below error.

When does it happen?

import React from 'react'
import { BarChart } from 'react-native-svg-charts'
import { Defs, LinearGradient, Stop } from "react-native-svg";

class ColorBarExample extends React.PureComponent {

    render() {

        const barDataCritical = [
      {
        value:0,
      },
      {
        value: 0, **// ERROR HAPPPENS WHEN I SET VALUE TO 0**
        svg: {
          fill: 'rgb(226, 225, 223)',
        },
      },
      {
        value: 3,
        svg: {
          fill: 'rgb(239, 203, 133)',
        },
      },
    ];

        return (
            <BarChart
                style={{ height: 200 }}
                data={barDataCritical}
                gridMin={0}
                svg={{ fill: 'rgba(134, 65, 244, 0.8)' }}
                yAccessor={({ item }) => item.value}
                contentInset={{ top: 20, bottom: 20 }}
            />
        )
    }

}

export default ColorBarExample

I’m using these Barchart

What platform?

“react”: “16.1.0”, “react-native”: “0.54.0”, “react-native-svg”: “^6.2.2”, “react-native-svg-charts”: “^4.0.0”, “react-native-vector-icons”: “^4.5.0”

[JesperLekland]

Ah you’re using date strings not date objects, in that cause you should probably do xAccessor={ ({item}) => new Date(item.date) }

[nomikeeper]

When I changed:

                    `xAccessor={ ({ item }) => item.date}`

to

                    `xAccessor={({index}) => index}`

the chart started working fine.