strokeCap={'round'} Produces undesired results about react-native-pie HOT 4 OPEN

  render() {
    return (
      <View style={styles.container}>
        <View style={styles.pieViewWrapper}>
          <View style={styles.yourConnections}>
            <Pie
              radius={120}
              innerRadius={100}
              sections={[
                {
                  percentage: 50,
                  color: '#48d1cc',
                },
              ]}
              backgroundColor="#EBECF0"
              strokeCap={'round'}
            />
          </View>
        </View>
        <View style={styles.pieViewWrapper}>
          <View style={styles.connectionsPerfomance}>
            <Pie
              radius={150}
              innerRadius={130}
              sections={[
                {
                  percentage: 90,
                  color: '#66cdaa',
                },
              ]}
              backgroundColor="#EBECF0"
              strokeCap={'round'}
            />
          </View>
        </View>
        <View style={styles.pieViewWrapper}>
          <View style={styles.communityPerfomance}>
            <Pie
              radius={180}
              innerRadius={160}
              sections={[
                {
                  percentage: 40,
                  color: '#ffd700',
                },
              ]}
              backgroundColor="#EBECF0"
              strokeCap={'round'}
            />
          </View>
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center',
    height: height * 0.5,
    width: width,
  },
  pieViewWrapper: {
    position: 'absolute',
    justifyContent: 'center',
    alignItems: 'center',
  },
  yourConnections: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  connectionsPerfomance: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  communityPerfomance: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  points: {
    color: '#000',
    fontSize: 35,
    fontWeight: 'bold',
  },
  pointsText: {
    color: 'grey',
    fontSize: 10,
    alignSelf: 'center',
  },
})