title: Elements not showing up on React Native
body: <p><strong>Current Output:</strong>
  <a href="https://i.stack.imgur.com/jrVRM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jrVRM.png" alt="enter image description here" /></a></p>
  <p><strong>Expected Output:</strong>
  <a href="https://i.stack.imgur.com/SmyMu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SmyMu.png" alt="enter image description here" /></a>
  <strong>Current Code Implementation:</strong></p>
  <pre><code>import React from 'react'
  import { LineChart, XAxis, YAxis } from 'react-native-svg-charts'
  import { View, Text } from 'react-native'
  import { Line, Circle, G, Rect, } from 'react-native-svg'
  export default class Chart extends React.PureComponent {
      handleFill = (value) =&gt; {
          if (value&gt;100){
              return &quot;rgba(190, 30, 45, 0.5)&quot;
          }
          else if (value&gt;80 &amp;&amp; value&lt;=100){
              return &quot;yellow&quot;
          }
          else{
              return &quot;#CCE6D0&quot;
          }
      }
  
      render() {
  
          const data = [
              ...
            ];
  
          const values = data.map(a =&gt; a.value);
          const days = data.map(a =&gt; a.day);
          const axesSvg = { fontSize: 10, fill: 'grey' };
          const verticalContentInset = { top: 10, bottom: 10 }
          const xAxisHeight = 30
          
          const Decorator = ({x, y, data}) =&gt; {
              return values.map((value, index) =&gt; (
              &lt;View&gt;
                  &lt;View style={{marginBottom:50}}&gt;
                  &lt;Rect 
                      x={x(index)-1.75} 
                      y={y(value+8)} 
                      width=&quot;4&quot; 
                      height=&quot;40&quot; 
                      fill={this.handleFill(value)} 
                  /&gt;
                  &lt;/View&gt;
                  &lt;Circle
                      key={index}
                      cx={x(index)}
                      cy={y(value)}
                      r={2}
                      stroke={'#639123'}
                      fill={'#606060'}
                      
                  /&gt;
              &lt;/View&gt;
              ));
            };
          return (
              &lt;View&gt;
                  &lt;Text style={{fontSize:10}}&gt;BPM&lt;/Text&gt;
                  &lt;View style={{ height: 200,  flexDirection: 'row' }}&gt;
                      &lt;YAxis
                          ...  
                      /&gt;
                      &lt;View style={{ flex: 1, marginLeft: 10 }}&gt;
                          &lt;LineChart
                              ...
                          &gt;
                              &lt;Decorator /&gt;
                             
                          &lt;/LineChart&gt;
                          &lt;XAxis
                              ....
                          /&gt;
                      &lt;/View&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
          )
      }
  
  }
  </code></pre>
  <p>I am using the react-native-svg-charts library to render a line chart with custom handlers.
  As seen in the code, the handler consists of a circle and a rect, which simply do not show up. Could this be a library version problem? I have updated both react-native-svg and react-native-svg-charts to the latest version. What am I missing? Any ideas?</p>