title: TypeError: undefined is not an object (evaluating 'refRBSheet.current.open')
body: <p>I tried to use react-native-raw-bottom-sheet as a reusable component. And I created one parent Componet,
  The problem is When I tries to give the values I got this error.</p>
  <pre><code> TypeError: undefined is not an object (evaluating 'refRBSheet.current.open')
  </code></pre>
  <p><strong>parent component</strong></p>
  <pre><code>import React from 'react';
  import RBSheet from 'react-native-raw-bottom-sheet';
  
  const CustomActionSheet = (props) =&gt; {
    const { ref, Content, height } = { ...props };
    return (
      &lt;RBSheet
        height={height}
        ref={ref}
        closeOnDragDown={true}
        closeOnPressMask={true}
        customStyles={{
          wrapper: {
            backgroundColor: 'transparent',
          },
          draggableIcon: {
            backgroundColor: '#000',
          },
        }}
      &gt;
        {Content}
      &lt;/RBSheet&gt;
    );
  };
  
  export default CustomActionSheet;
  </code></pre>
  <p><strong>child component</strong></p>
  <pre><code>&lt;View style={styles.chsDlvrBtn}&gt;
            &lt;Button title=&quot;Choose Delivery&quot; onPress={() =&gt; refRBSheet.current.open()} /&gt;
          &lt;/View&gt;
          &lt;CustomActionSheet
            ref={refRBSheet}
            Content={
              &lt;View style={styles.view}&gt;
                {MONTH_OF_YEAR.map((val) =&gt; {
                  return (
                    &lt;Chip mode=&quot;outlined&quot; onPress={() =&gt; {}} style={styles.chp}&gt;
                      {val}
                    &lt;/Chip&gt;
                  );
                })}
              &lt;/View&gt;
            }
          /&gt;
  </code></pre>
  <p><strong>ref hook</strong></p>
  <pre><code>const refRBSheet = useRef()
  </code></pre>
  <p>What's going wrong here.
  Thanks, Advance !!!</p>