fix: autocomplete input re-render on received message

Author: khushal87

package/src/components/AutoCompleteInput/AutoCompleteInput.tsx

@@ -3,10 +3,6 @@ import { I18nManager, StyleSheet, TextInput, TextInputProps } from 'react-native
 
 import throttle from 'lodash/throttle';
 
-import {
-  ChannelContextValue,
-  useChannelContext,
-} from '../../contexts/channelContext/ChannelContext';
 import {
   MessageInputContextValue,
   useMessageInputContext,
@@ -53,22 +49,22 @@ const isCommand = (text: string) => text[0] === '/' && text.split(' ').length <=
 
 type AutoCompleteInputPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'giphyEnabled'> &
-  Pick<
-    MessageInputContextValue<StreamChatGenerics>,
-    | 'additionalTextInputProps'
-    | 'autoCompleteSuggestionsLimit'
-    | 'giphyActive'
-    | 'maxMessageLength'
-    | 'mentionAllAppUsersEnabled'
-    | 'mentionAllAppUsersQuery'
-    | 'numberOfLines'
-    | 'onChange'
-    | 'setGiphyActive'
-    | 'setInputBoxRef'
-    | 'text'
-    | 'triggerSettings'
-  > &
+> = Pick<
+  MessageInputContextValue<StreamChatGenerics>,
+  | 'additionalTextInputProps'
+  | 'autoCompleteSuggestionsLimit'
+  | 'giphyActive'
+  | 'giphyEnabled'
+  | 'maxMessageLength'
+  | 'mentionAllAppUsersEnabled'
+  | 'mentionAllAppUsersQuery'
+  | 'numberOfLines'
+  | 'onChange'
+  | 'setGiphyActive'
+  | 'setInputBoxRef'
+  | 'text'
+  | 'triggerSettings'
+> &
   Pick<
     SuggestionsContextValue<StreamChatGenerics>,
     'closeSuggestions' | 'openSuggestions' | 'updateSuggestions'
@@ -484,8 +480,8 @@ export const AutoCompleteInput = <
 >(
   props: AutoCompleteInputProps<StreamChatGenerics>,
 ) => {
-  const { giphyEnabled } = useChannelContext<StreamChatGenerics>();
   const {
+    giphyEnabled,
     additionalTextInputProps,
     autoCompleteSuggestionsLimit,
     giphyActive,

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -125,6 +125,7 @@ export type LocalMessageInputContext<
       url: string;
     };
   };
+  giphyEnabled: boolean;
   closeAttachmentPicker: () => void;
   /** The time at which the active cooldown will end */
   cooldownEndsAt: Date;
@@ -1446,6 +1447,7 @@ export const MessageInputProvider = <
     cooldownEndsAt,
     fileUploads,
     giphyActive,
+    giphyEnabled,
     imageUploads,
     inputBoxRef,
     isValidMessage,

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -41,6 +41,7 @@ export const useCreateMessageInputContext = <
   FileUploadPreview,
   fileUploads,
   giphyActive,
+  giphyEnabled,
   handleAttachButtonPress,
   hasCameraPicker,
   hasCommands,
@@ -164,6 +165,7 @@ export const useCreateMessageInputContext = <
       FileUploadPreview,
       fileUploads,
       giphyActive,
+      giphyEnabled,
       handleAttachButtonPress,
       hasCameraPicker,
       hasCommands,
@@ -246,6 +248,7 @@ export const useCreateMessageInputContext = <
       editingdep,
       fileUploadsValue,
       giphyActive,
+      giphyEnabled,
       imageUploadsValue,
       maxMessageLength,
       mentionedUsersLength,