Can not get RBSheet value when pass to another component

[jasminecrazy]

Hi,
Currently I tried to add raw-bottom-sheet in my project and see that sometime the rbsheet didn't have value. Could you please let me know why?

 <RBSheet
          ref={ref => {
            this.RBSheet = ref;
          }}
          height={159}
          duration={250}
          customStyles={{
            container: {
              backgroundColor: '#ebebeb',
              alignItems: "center",
              borderRadius: 13
            }
          }}
        >
          <TouchableOpacity
                onPress={() => this.RBSheet.close()}
              >
              <OthersLoginWay rgbSheet={this.RBSheet} />
          </TouchableOpacity>
        </RBSheet>

In OthersLoginWay component:

componentDidMount = async () => {
      console.log(1, this.props.rgbSheet); // sometime it undefined
        await this.setState({rgbSheet: this.props.rgbSheet});
    }

    _otherlogin() {
        this.state.rgbSheet.close();
        
    }