'Trying to remove a view index' error when using YAxis with BarChart

[ghost]

What is the problem?

RN returns an error: 'trying to remove a view index'

When does it happen?

When YAxis is used with BarChart

What platform? Android

• iOS
• Android

React Native version: 0.57

Code to reproduce

<View style={{backgroundColor: '#fff', height: 200, flexDirection: 'row', flex: 1, marginTop: 20}}>
          <YAxis
            data={data}
            contentInset={{top: 20, bottom: 20}}
            svg={{
              fill: 'grey',
              fontSize: 10,
            }}
            numberOfTicks={6}
            formatLabel={value => `${value}`}
          />
          <BarChart
            style={{flex: 1, marginLeft: 20}}
            spacingInner={0.3}
            data={data}
            svg={{fill}}
            contentInset={{top: 20, bottom: 20}}
          >
            <Grid/>
          </BarChart>
        </View>

[lunadis]

1+

[msand]

Can you try with v9.2.4 of react-native-svg?

[msand]

The root cause is the Defs ViewManager returning nil for the shadowView, the most efficient way to workaround this if you want backwards compatibility with pre v9.2.4 is to wrap the Defs elements in a G, rather then the dynamic content.