Pattern for removing temporary messages once app receives response from server

Hello, first of all thank your for this great lib. I have a question on what pattern makes sense to maintain temporary messages state. Given that a temporary message is added to the messages prop the moment the user hits the send button but before the response is returned to the app there is no way to generate a matching ID locally (the server will return with its own messageID). What patterns are recommended to remove the temporary message?

Approach 1 match message text value

Off the top of my head I thought of matching the actual message text in order to remove the temporary message (once the response is received), but that does not feel right.

Approach 2 replace entire messages array with response

Replacing the entire messages array with what is returned from the network also does not take into account if the request failed

[shaheem-khanzada]

@waltermvp use renderFooter(){} to show local message in a list , when u press send button u get a local message from props save that message in a state and then use condition
<giftedChat> {...props} renderFooter={this.state.localMessage.length > 0 ? this.renderFooter() : null} </giftedChat>}

[deepak-jha-kgp]

@nandiniparimi1107 you need to pass this.isTyping as extraData in giftedChat