System and custom message react native gifted chat

gistfile1.txt

import {
  GiftedChat,
  SystemMessage,
  // ...all other imports 
} from "react-native-gifted-chat


<GiftedChat
// ...all other stuff

renderSystemMessage={(systemMessage) => {
          // @ts-ignore
          const feed: Doc<Feed> = systemMessage.currentMessage.feed;
          if (feed != null) {
            return <FeedInChat feed={feed} time={time} date={date} />;
          }
          return <SystemMessage {...systemMessage} />;
        }}
        user={{
          _id: currentUser().uid
        }}
      />
</GiftedChat>

// ^^ FeedInChat is a custom component, you can use whatever you want