renderFooter is not getting triggered on typingText update

Could someone please provide example code for renderFooter. This is my code:

<GiftedChat
        messages={this.giftedChatMessages}
        onSend={this.onSend}
        renderAvatar={null}
        renderChatFooter={this.renderFooter}
        onInputTextChanged={this.onInputTextChanged}
        user={{
          _id: id,
        }}
        imageStyle={{}}
      />

 renderFooter() {
    if (this.opponentIsTyping) {
      return <Text>{this.opponentIsTyping}</Text>;
    }
    return null;
  }

Even if this.opponentIsTyping is updated, renderFooter is not getting triggered. Hence " User is typing" footer is not showing up.

Please help me with this.

[nandiniparimi1107]

For anyone having a similar issue, please import next release, this issue should be fixed by next release. Also, use extraData prop to pass the state variable which can be used to toggle footer.

[nandiniparimi1107]

@vahid13666 I got it man!

Its because the flatlist does not re-render on update, we need to explicitly pass props to let flatlist know when to update. I have created a PR for fixing this, lets see if @xcarpentier can merge it