stream-chat-react-native-core 4.0.0-beta.3 → 4.0.0-beta.7

package/src/components/Channel/hooks/useCreateChannelContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateChannelContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channel,
   disabled,
@@ -52,7 +37,7 @@ export const useCreateChannelContext = <
   threadList,
   watcherCount,
   watchers,
-}: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: ChannelContextValue<StreamChatGenerics>) => {
   const channelId = channel?.id;
   const lastReadTime = lastRead?.getTime();
   const membersLength = Object.keys(members).length;
@@ -61,7 +46,7 @@ export const useCreateChannelContext = <
   const readUsersLength = readUsers.length;
   const readUsersLastReads = readUsers.map(({ last_read }) => last_read.toISOString()).join();
 
-  const channelContext: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const channelContext: ChannelContextValue<StreamChatGenerics> = useMemo(
     () => ({
       channel,
       disabled,

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { InputMessageInputContextValue } from '../../../contexts/messageInputContext/MessageInputContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateInputMessageInputContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   additionalTextInputProps,
   AttachButton,
@@ -59,7 +44,7 @@ export const useCreateInputMessageInputContext = <
   setQuotedMessageState,
   ShowThreadMessageInChannelButton,
   UploadProgressIndicator,
-}: InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
+}: InputMessageInputContextValue<StreamChatGenerics> & {
   /**
    * To ensure we allow re-render, when channel is changed
    */
@@ -72,56 +57,55 @@ export const useCreateInputMessageInputContext = <
       : quotedMessage.id
     : '';
 
-  const inputMessageInputContext: InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us> =
-    useMemo(
-      () => ({
-        additionalTextInputProps,
-        AttachButton,
-        autoCompleteSuggestionsLimit,
-        autoCompleteTriggerSettings,
-        clearEditingState,
-        clearQuotedMessageState,
-        CommandsButton,
-        compressImageQuality,
-        CooldownTimer,
-        doDocUploadRequest,
-        doImageUploadRequest,
-        editing,
-        editMessage,
-        FileUploadPreview,
-        hasCommands,
-        hasFilePicker,
-        hasImagePicker,
-        ImageUploadPreview,
-        initialValue,
-        Input,
-        InputButtons,
-        maxMessageLength,
-        maxNumberOfFiles,
-        mentionAllAppUsersEnabled,
-        mentionAllAppUsersQuery,
-        MoreOptionsButton,
-        numberOfLines,
-        onChangeText,
-        quotedMessage,
-        SendButton,
-        sendImageAsync,
-        sendMessage,
-        SendMessageDisallowedIndicator,
-        setInputRef,
-        setQuotedMessageState,
-        ShowThreadMessageInChannelButton,
-        UploadProgressIndicator,
-      }),
-      [
-        compressImageQuality,
-        channelId,
-        editingExists,
-        initialValue,
-        maxMessageLength,
-        quotedMessageId,
-      ],
-    );
+  const inputMessageInputContext: InputMessageInputContextValue<StreamChatGenerics> = useMemo(
+    () => ({
+      additionalTextInputProps,
+      AttachButton,
+      autoCompleteSuggestionsLimit,
+      autoCompleteTriggerSettings,
+      clearEditingState,
+      clearQuotedMessageState,
+      CommandsButton,
+      compressImageQuality,
+      CooldownTimer,
+      doDocUploadRequest,
+      doImageUploadRequest,
+      editing,
+      editMessage,
+      FileUploadPreview,
+      hasCommands,
+      hasFilePicker,
+      hasImagePicker,
+      ImageUploadPreview,
+      initialValue,
+      Input,
+      InputButtons,
+      maxMessageLength,
+      maxNumberOfFiles,
+      mentionAllAppUsersEnabled,
+      mentionAllAppUsersQuery,
+      MoreOptionsButton,
+      numberOfLines,
+      onChangeText,
+      quotedMessage,
+      SendButton,
+      sendImageAsync,
+      sendMessage,
+      SendMessageDisallowedIndicator,
+      setInputRef,
+      setQuotedMessageState,
+      ShowThreadMessageInChannelButton,
+      UploadProgressIndicator,
+    }),
+    [
+      compressImageQuality,
+      channelId,
+      editingExists,
+      initialValue,
+      maxMessageLength,
+      quotedMessageId,
+    ],
+  );
 
   return inputMessageInputContext;
 };

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateMessagesContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   additionalTouchableProps,
   Attachment,
@@ -93,7 +78,7 @@ export const useCreateMessagesContext = <
   TypingIndicatorContainer,
   updateMessage,
   UrlPreview,
-}: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
+}: MessagesContextValue<StreamChatGenerics> & {
   /**
    * To ensure we allow re-render, when channel is changed
    */
@@ -104,7 +89,7 @@ export const useCreateMessagesContext = <
   const messageContentOrderValue = messageContentOrder.join();
   const supportedReactionsLength = supportedReactions.length;
 
-  const messagesContext: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const messagesContext: MessagesContextValue<StreamChatGenerics> = useMemo(
     () => ({
       additionalTouchableProps,
       Attachment,

package/src/components/Channel/hooks/useCreateOwnCapabilitiesContext.ts

@@ -7,30 +7,15 @@ import {
   OwnCapabilitiesContextValue,
   OwnCapability,
 } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateOwnCapabilitiesContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channel,
   overrideCapabilities,
 }: {
-  channel: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+  channel: Channel<StreamChatGenerics>;
   overrideCapabilities?: Partial<OwnCapabilitiesContextValue>;
 }) => {
   const overrideCapabilitiesStr = overrideCapabilities

package/src/components/Channel/hooks/useCreatePaginatedMessageListContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreatePaginatedMessageListContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channelId,
   hasMore,
@@ -30,7 +15,7 @@ export const useCreatePaginatedMessageListContext = <
   messages,
   setLoadingMore,
   setLoadingMoreRecent,
-}: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
+}: PaginatedMessageListContextValue<StreamChatGenerics> & {
   channelId?: string;
 }) => {
   const messagesUpdated = messages
@@ -42,20 +27,19 @@ export const useCreatePaginatedMessageListContext = <
     )
     .join();
 
-  const paginatedMessagesContext: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us> =
-    useMemo(
-      () => ({
-        hasMore,
-        loadingMore,
-        loadingMoreRecent,
-        loadMore,
-        loadMoreRecent,
-        messages,
-        setLoadingMore,
-        setLoadingMoreRecent,
-      }),
-      [channelId, hasMore, loadingMoreRecent, loadingMore, messagesUpdated],
-    );
+  const paginatedMessagesContext: PaginatedMessageListContextValue<StreamChatGenerics> = useMemo(
+    () => ({
+      hasMore,
+      loadingMore,
+      loadingMoreRecent,
+      loadMore,
+      loadMoreRecent,
+      messages,
+      setLoadingMore,
+      setLoadingMoreRecent,
+    }),
+    [channelId, hasMore, loadingMoreRecent, loadingMore, messagesUpdated],
+  );
 
   return paginatedMessagesContext;
 };

package/src/components/Channel/hooks/useCreateThreadContext.ts

@@ -1,25 +1,10 @@
 import { useMemo } from 'react';
 
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateThreadContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   allowThreadMessagesInChannel,
   closeThread,
@@ -31,7 +16,7 @@ export const useCreateThreadContext = <
   threadHasMore,
   threadLoadingMore,
   threadMessages,
-}: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: ThreadContextValue<StreamChatGenerics>) => {
   const threadId = thread?.id;
   const threadReplyCount = thread?.reply_count;
   const threadMessagesUpdated = threadMessages
@@ -43,7 +28,7 @@ export const useCreateThreadContext = <
     )
     .join();
 
-  const threadContext: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const threadContext: ThreadContextValue<StreamChatGenerics> = useMemo(
     () => ({
       allowThreadMessagesInChannel,
       closeThread,

package/src/components/Channel/hooks/useCreateTypingContext.ts

@@ -1,31 +1,16 @@
 import { useMemo } from 'react';
 
 import type { TypingContextValue } from '../../../contexts/typingContext/TypingContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useCreateTypingContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   typing,
-}: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>) => {
+}: TypingContextValue<StreamChatGenerics>) => {
   const typingValue = Object.keys(typing).join();
 
-  const typingContext: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us> = useMemo(
+  const typingContext: TypingContextValue<StreamChatGenerics> = useMemo(
     () => ({
       typing,
     }),

package/src/components/ChannelList/ChannelList.tsx

@@ -28,31 +28,16 @@ import {
   ChannelsContextValue,
   ChannelsProvider,
 } from '../../contexts/channelsContext/ChannelsContext';
-import type {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
-  UnknownType,
-} from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ChannelPreviewMessenger } from '../ChannelPreview/ChannelPreviewMessenger';
 import { EmptyStateIndicator as EmptyStateIndicatorDefault } from '../Indicators/EmptyStateIndicator';
 import { LoadingErrorIndicator as LoadingErrorIndicatorDefault } from '../Indicators/LoadingErrorIndicator';
 
 export type ChannelListProps<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Partial<
   Pick<
-    ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>,
+    ChannelsContextValue<StreamChatGenerics>,
     | 'additionalFlatListProps'
     | 'EmptyStateIndicator'
     | 'FooterLoadingIndicator'
@@ -82,13 +67,13 @@ export type ChannelListProps<
    *
    * @overrideType object
    * */
-  filters?: ChannelFilters<Ch, Co, Us>;
+  filters?: ChannelFilters<StreamChatGenerics>;
   /**
    * Custom UI component to display the list of channels
    *
    * Default: [ChannelListMessenger](https://getstream.github.io/stream-chat-react-native/v3/#channellistmessenger)
    */
-  List?: React.ComponentType<ChannelListMessengerProps<At, Ch, Co, Ev, Me, Re, Us>>;
+  List?: React.ComponentType<ChannelListMessengerProps<StreamChatGenerics>>;
   /**
    * If set to true, channels won't dynamically sort by most recent message, defaults to false
    */
@@ -102,8 +87,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onAddedToChannel?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets deleted. In absence of this prop, the channel will be removed from the list.
@@ -114,8 +99,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelDeleted?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets hidden. In absence of this prop, the channel will be removed from the list.
@@ -126,8 +111,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelHidden?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Function to customize behavior when a channel gets truncated
@@ -138,8 +123,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelTruncated?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets updated
@@ -150,8 +135,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelUpdated?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets visible. In absence of this prop, the channel will be added to the list.
@@ -162,8 +147,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelVisible?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Override the default listener/handler for event `notification.message_new`
@@ -175,8 +160,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onMessageNew?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Function that overrides default behavior when a user gets removed from a channel
@@ -187,8 +172,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onRemovedFromChannel?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,
-    event: Event<At, Ch, Co, Ev, Me, Re, Us>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
+    event: Event<StreamChatGenerics>,
   ) => void;
   /**
    * Object containing channel query options
@@ -199,7 +184,7 @@ export type ChannelListProps<
    * Object containing channel sort parameters
    * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available sorting fields
    * */
-  sort?: ChannelSort<Ch>;
+  sort?: ChannelSort<StreamChatGenerics>;
 };
 
 const DEFAULT_FILTERS = {};
@@ -214,15 +199,9 @@ const DEFAULT_SORT = {};
  * @example ./ChannelList.md
  */
 export const ChannelList = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  props: ChannelListProps<At, Ch, Co, Ev, Me, Re, Us>,
+  props: ChannelListProps<StreamChatGenerics>,
 ) => {
   const {
     additionalFlatListProps = {},
@@ -274,7 +253,7 @@ export const ChannelList = <
     refreshList,
     reloadList,
     setChannels,
-  } = usePaginatedChannels<At, Ch, Co, Ev, Me, Re, Us>({
+  } = usePaginatedChannels<StreamChatGenerics>({
     filters,
     options,
     sort,
@@ -313,7 +292,7 @@ export const ChannelList = <
     setChannels,
   });
 
-  useConnectionRecovered<At, Ch, Co, Ev, Me, Re, Us>({
+  useConnectionRecovered<StreamChatGenerics>({
     refreshList,
     setForceUpdate,
   });
@@ -366,7 +345,7 @@ export const ChannelList = <
     refreshing,
     refreshList,
     reloadList,
-    setFlatListRef: (ref: FlatList<Channel<At, Ch, Co, Ev, Me, Re, Us>> | null) => {
+    setFlatListRef: (ref: FlatList<Channel<StreamChatGenerics>> | null) => {
       if (setFlatListRef) {
         setFlatListRef(ref);
       }
@@ -376,7 +355,7 @@ export const ChannelList = <
 
   return (
     <ChannelsProvider value={channelsContext}>
-      <List<At, Ch, Co, Ev, Me, Re, Us> />
+      <List<StreamChatGenerics> />
     </ChannelsProvider>
   );
 };