From 7d166cf8fdf05dbfddb1964520874192c6f0721a Mon Sep 17 00:00:00 2001
From: James Hu <automan990923@gmail.com>
Date: Sun, 26 Nov 2023 05:04:27 -0800
Subject: [PATCH] Fix issue for not rendering on object property state change

---
 src/GiftedChat.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/GiftedChat.tsx b/src/GiftedChat.tsx
index eaa351ae6..21bb47f95 100644
--- a/src/GiftedChat.tsx
+++ b/src/GiftedChat.tsx
@@ -220,7 +220,6 @@ export interface GiftedChatProps<TMessage extends IMessage = IMessage> {
 }
 
 export interface GiftedChatState<TMessage extends IMessage = IMessage> {
-  isInitialized: boolean
   composerHeight?: number
   messagesContainerHeight?: number | Animated.Value
   typingDisabled: boolean
@@ -274,7 +273,6 @@ function GiftedChat<TMessage extends IMessage = IMessage>(
   let _isTextInputWasFocused: boolean = false
 
   const [state, setState] = useState<GiftedChatState>({
-    isInitialized: false, // initialization will calculate maxHeight before rendering the chat
     composerHeight: minComposerHeight,
     messagesContainerHeight: undefined,
     typingDisabled: false,
@@ -282,6 +280,8 @@ function GiftedChat<TMessage extends IMessage = IMessage>(
     messages: undefined,
   })
 
+  const [isInitialized,setIsInitialized] = useState(false);
+
   useEffect(() => {
     isMountedRef.current = true
 
@@ -604,11 +604,11 @@ function GiftedChat<TMessage extends IMessage = IMessage>(
 
     setState({
       ...state,
-      isInitialized: true,
       text: getTextFromProp(initialText),
       composerHeight: minComposerHeight,
       messagesContainerHeight: newMessagesContainerHeight,
-    })
+    });
+    setIsInitialized(true);
   }
 
   const onMainViewLayout = (e: LayoutChangeEvent) => {
@@ -681,7 +681,7 @@ function GiftedChat<TMessage extends IMessage = IMessage>(
     [actionSheet, locale],
   )
 
-  if (state.isInitialized === true) {
+  if (isInitialized === true) {
     return (
       <GiftedChatContext.Provider value={contextValues}>
         <View testID={TEST_ID.WRAPPER} style={styles.wrapper}>