fixing error state on messagelist

Author: vishalnarkhede

src/components/Channel/Channel.tsx

@@ -954,10 +954,11 @@ const ChannelWithContext = <
     }
   };
 
-  const reloadChannel = () => {
-    channel?.state.clearMessages();
-    return loadChannel();
-  };
+  const reloadChannel = () =>
+    channelQueryCall(async () => {
+      await channel?.watch();
+      channel?.state.setIsUpToDate(true);
+    });
 
   /**
    * Makes a query to load messages in channel.

src/components/Indicators/LoadingErrorIndicator.tsx

@@ -81,6 +81,7 @@ export const LoadingErrorIndicator: React.FC<LoadingErrorProps> = (props) => {
     case 'message':
       return (
         <LoadingErrorWrapper
+          onPress={retry}
           text={t('Error loading messages for this channel...')}
         />
       );

src/components/Message/MessageSimple/MessageContent.tsx

@@ -444,7 +444,7 @@ const areEqual = <
   if (!lastGroupMessageEqual) return false;
 
   const goToMessageChangedAndMatters =
-    prevGoToMessage !== nextGoToMessage && nextMessage.quoted_message_id;
+    nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;
 
   if (goToMessageChangedAndMatters) return false;
 

src/components/MessageList/MessageList.tsx

@@ -868,7 +868,7 @@ const MessageListWithContext = <
       loadChannelAtMessage({ messageId });
       resetPaginationTrackers();
     },
-    [messageListLengthAfterUpdate, lastReceivedId],
+    [messageListLengthAfterUpdate],
   );
 
   const messagesWithImages = messageList.filter((message) => {