how to prevent re-rendering of message when user scroll chatting log

[tiger01815]

I am developing react native project and am using react native gifted chat module for chatting feature.
react native gifted module does not support audio chatting. So I added custom Audio component using renderMessageAudio props.
But When user scroll screen this module re-render all element(text, image audio).How can I prevent this?

[FILL THIS OUT]

[FILL THIS OUT]
Audio component is re-render and so spinner is shown when user scroll screen

[FILL THIS OUT]

Additional Information

• Nodejs version: >="16.0"
• React version: "18.0.2"
• React Native version: "0.72.1"
• react-native-gifted-chat version: "2.4.0"
• Platform(s) :Android
• TypeScript version: "4.8.4"