Как реализовать функцию синей галочки, такую ​​как Whatsapp, в приложении React Native Chat

Я создаю приложение чата, которое работает нормально, но теперь я хочу реализовать функцию blue tick, чтобы проверить, было ли сообщение seen or not. Я использую socket.io и react-native-gifted-chat в этом приложении. Я изо всех сил пытаюсь найти способ узнать, как это сделать. Я посещаю много ссылок, но не вижу четкой картины. response-native-gifted-chat описывает использование для этого функции renderTicks, но я не могу понять ее реализацию.

renderTicks

  renderTicks = (message) => {
    const {currentMessage, renderTicks, user} = this.props;
    if (renderTicks && currentMessage) {
      return renderTicks(currentMessage);
    }
    if (currentMessage && user && currentMessage.user._id !== user._id) {
      return null;
    }
    if (
      currentMessage &&
      (currentMessage.sent || currentMessage.received || currentMessage.pending)
    ) {
      return (
        <View style={styles.content.tickView}>
          {!!currentMessage.sent && (
            <Text style={[styles.content.tick, this.props.tickStyle]}>✓</Text>
          )}
          {!!currentMessage.received && (
            <Text style={[styles.content.tick, this.props.tickStyle]}>✓</Text>
          )}
          {!!currentMessage.pending && (
            <Text style={[styles.content.tick, this.props.tickStyle]}>????</Text>
          )}
        </View>
      );
    }
    return null;
  };

GiftedChat

<GiftedChat
        ..........
        renderTicks={(message) => this.renderTicks(message)}
/>

Здесь currentMessage и renderTicks становятся неопределенными.

Что я здесь делаю не так, будьте добры просветите.

OR

Может ли кто-нибудь помочь мне с примером кода renderTicks.

react-native version = 0.62.2

Заранее спасибо.