stream-chat-react-native-core 6.6.7 → 7.0.0-rc.1

package/src/components/Reply/Reply.tsx

@@ -25,7 +25,7 @@ import {
   useTranslationContext,
 } from '../../contexts/translationContext/TranslationContext';
 import { useStateStore } from '../../hooks';
-import { DefaultStreamChatGenerics, FileTypes } from '../../types/types';
+import { FileTypes } from '../../types/types';
 import { getResizedImageUrl } from '../../utils/getResizedImageUrl';
 import { getTrimmedAttachmentTitle } from '../../utils/getTrimmedAttachmentTitle';
 import { hasOnlyEmojis } from '../../utils/utils';
@@ -80,16 +80,12 @@ export type ReplySelectorReturnType = {
   name?: string;
 };
 
-const selector = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  nextValue: PollState<StreamChatGenerics>,
-): ReplySelectorReturnType => ({
+const selector = (nextValue: PollState): ReplySelectorReturnType => ({
   name: nextValue.name,
 });
 
-type ReplyPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'quotedMessage'> &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon' | 'MessageAvatar'> &
+type ReplyPropsWithContext = Pick<MessageInputContextValue, 'quotedMessage'> &
+  Pick<MessagesContextValue, 'FileAttachmentIcon' | 'MessageAvatar'> &
   Pick<TranslationContextValue, 't'> & {
     attachmentSize?: number;
     styles?: Partial<{
@@ -101,11 +97,7 @@ type ReplyPropsWithContext<
     }>;
   };
 
-const getMessageType = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  lastAttachment: Attachment<StreamChatGenerics>,
-) => {
+const getMessageType = (lastAttachment: Attachment) => {
   let messageType;
 
   const isLastAttachmentFile = lastAttachment.type === FileTypes.File;
@@ -149,11 +141,7 @@ const getMessageType = <
   return messageType;
 };
 
-const ReplyWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReplyPropsWithContext<StreamChatGenerics>,
-) => {
+const ReplyWithContext = (props: ReplyPropsWithContext) => {
   const { client } = useChatContext();
   const {
     attachmentSize = 40,
@@ -205,7 +193,7 @@ const ReplyWithContext = <
     return null;
   }
 
-  const lastAttachment = quotedMessage.attachments?.slice(-1)[0] as Attachment<StreamChatGenerics>;
+  const lastAttachment = quotedMessage.attachments?.slice(-1)[0] as Attachment;
   const messageType = lastAttachment && getMessageType(lastAttachment);
 
   const trimmedLastAttachmentTitle = getTrimmedAttachmentTitle(lastAttachment?.title);
@@ -281,7 +269,7 @@ const ReplyWithContext = <
           />
         ) : null}
         <View style={{ flexDirection: 'column' }}>
-          <MessageTextContainer<StreamChatGenerics>
+          <MessageTextContainer
             markdownStyles={
               quotedMessage.type === 'deleted'
                 ? merge({ em: { color: grey } }, deletedText)
@@ -360,20 +348,13 @@ const ReplyWithContext = <
  * this function exists to avoid the error thrown when
  * using a context outside of its provider.
  * */
-const useMessageInputContextIfAvailable = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    MessageInputContext,
-  ) as unknown as MessageInputContextValue<StreamChatGenerics>;
+const useMessageInputContextIfAvailable = () => {
+  const contextValue = useContext(MessageInputContext) as unknown as MessageInputContextValue;
 
   return contextValue;
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: ReplyPropsWithContext<StreamChatGenerics>,
-  nextProps: ReplyPropsWithContext<StreamChatGenerics>,
-) => {
+const areEqual = (prevProps: ReplyPropsWithContext, nextProps: ReplyPropsWithContext) => {
   const { quotedMessage: prevQuotedMessage } = prevProps;
   const { quotedMessage: nextQuotedMessage } = nextProps;
 
@@ -396,28 +377,22 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
 const MemoizedReply = React.memo(ReplyWithContext, areEqual) as typeof ReplyWithContext;
 
-export type ReplyProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<ReplyPropsWithContext<StreamChatGenerics>>;
+export type ReplyProps = Partial<ReplyPropsWithContext>;
 
 /**
  * UI Component for reply
  */
-export const Reply = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReplyProps<StreamChatGenerics>,
-) => {
-  const { message } = useMessageContext<StreamChatGenerics>();
+export const Reply = (props: ReplyProps) => {
+  const { message } = useMessageContext();
 
   const { FileAttachmentIcon = FileIconDefault, MessageAvatar = MessageAvatarDefault } =
-    useMessagesContext<StreamChatGenerics>();
+    useMessagesContext();
 
-  const { editing, quotedMessage } = useMessageInputContextIfAvailable<StreamChatGenerics>();
+  const { editing, quotedMessage } = useMessageInputContextIfAvailable();
 
   const quotedEditingMessage = (
     typeof editing !== 'boolean' ? editing?.quoted_message || false : false
-  ) as MessageInputContextValue<StreamChatGenerics>['quotedMessage'];
+  ) as MessageInputContextValue['quotedMessage'];
 
   const { t } = useTranslationContext();
 
@@ -427,7 +402,7 @@ export const Reply = <
         FileAttachmentIcon,
         MessageAvatar,
         quotedMessage: message
-          ? (message.quoted_message as MessageInputContextValue<StreamChatGenerics>['quotedMessage'])
+          ? (message.quoted_message as MessageInputContextValue['quotedMessage'])
           : quotedMessage || quotedEditingMessage,
         t,
       }}

package/src/components/Thread/Thread.tsx

@@ -10,19 +10,16 @@ import {
 } from '../../contexts/messagesContext/MessagesContext';
 import { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import {
   MessageInput as DefaultMessageInput,
   MessageInputProps,
 } from '../MessageInput/MessageInput';
 import type { MessageListProps } from '../MessageList/MessageList';
 
-type ThreadPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageList'> &
+type ThreadPropsWithContext = Pick<ChatContextValue, 'client'> &
+  Pick<MessagesContextValue, 'MessageList'> &
   Pick<
-    ThreadContextValue<StreamChatGenerics>,
+    ThreadContextValue,
     | 'closeThread'
     | 'loadMoreThread'
     | 'parentMessagePreventPress'
@@ -34,12 +31,12 @@ type ThreadPropsWithContext<
      * Additional props for underlying MessageInput component.
      * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input/#props
      * */
-    additionalMessageInputProps?: Partial<MessageInputProps<StreamChatGenerics>>;
+    additionalMessageInputProps?: Partial<MessageInputProps>;
     /**
      * Additional props for underlying MessageList component.
      * Available props - https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-list/#props
      * */
-    additionalMessageListProps?: Partial<MessageListProps<StreamChatGenerics>>;
+    additionalMessageListProps?: Partial<MessageListProps>;
     /** Make input focus on mounting thread */
     autoFocus?: boolean;
     /** Closes thread on dismount, defaults to true */
@@ -50,18 +47,14 @@ type ThreadPropsWithContext<
      * **Customized MessageInput component to used within Thread instead of default MessageInput
      * **Available from [MessageInput](https://getstream.io/chat/docs/sdk/reactnative/ui-components/message-input)**
      */
-    MessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;
+    MessageInput?: React.ComponentType<MessageInputProps>;
     /**
      * Call custom function on closing thread if handling thread state elsewhere
      */
     onThreadDismount?: () => void;
   };
 
-const ThreadWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadPropsWithContext<StreamChatGenerics>,
-) => {
+const ThreadWithContext = (props: ThreadPropsWithContext) => {
   const {
     additionalMessageInputProps,
     additionalMessageListProps,
@@ -120,7 +113,7 @@ const ThreadWithContext = <
         threadList
         {...additionalMessageListProps}
       />
-      <MessageInput<StreamChatGenerics>
+      <MessageInput
         additionalTextInputProps={{ autoFocus, editable: !disabled }}
         threadList
         {...additionalMessageInputProps}
@@ -129,9 +122,7 @@ const ThreadWithContext = <
   );
 };
 
-export type ThreadProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<ThreadPropsWithContext<StreamChatGenerics>>;
+export type ThreadProps = Partial<ThreadPropsWithContext>;
 
 /**
  * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.
@@ -142,16 +133,11 @@ export type ThreadProps<
  * - additionalMessageListProps
  * - additionalMessageInputProps
  */
-export const Thread = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadProps<StreamChatGenerics>,
-) => {
-  const { client } = useChatContext<StreamChatGenerics>();
-  const { threadList } = useChannelContext<StreamChatGenerics>();
-  const { MessageList } = useMessagesContext<StreamChatGenerics>();
-  const { closeThread, loadMoreThread, reloadThread, thread, threadInstance } =
-    useThreadContext<StreamChatGenerics>();
+export const Thread = (props: ThreadProps) => {
+  const { client } = useChatContext();
+  const { threadList } = useChannelContext();
+  const { MessageList } = useMessagesContext();
+  const { closeThread, loadMoreThread, reloadThread, thread, threadInstance } = useThreadContext();
 
   if (thread?.id && !threadList) {
     throw new Error(
@@ -160,7 +146,7 @@ export const Thread = <
   }
 
   return (
-    <ThreadWithContext<StreamChatGenerics>
+    <ThreadWithContext
       {...{
         client,
         closeThread,

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -49,7 +49,6 @@ exports[`Thread should match thread snapshot 1`] = `
         data={
           [
             {
-              "__html": "<p>regular</p>",
               "attachments": [],
               "created_at": 2020-05-05T14:50:00.000Z,
               "dateSeparator": undefined,
@@ -80,7 +79,6 @@ exports[`Thread should match thread snapshot 1`] = `
               },
             },
             {
-              "__html": "<p>regular</p>",
               "attachments": [],
               "created_at": 2020-05-05T14:50:00.000Z,
               "dateSeparator": undefined,
@@ -111,7 +109,6 @@ exports[`Thread should match thread snapshot 1`] = `
               },
             },
             {
-              "__html": "<p>regular</p>",
               "attachments": [],
               "created_at": 2020-05-05T14:50:00.000Z,
               "dateSeparator": 2020-05-05T14:50:00.000Z,

package/src/components/Thread/components/ThreadFooterComponent.tsx

@@ -13,7 +13,6 @@ import {
 } from '../../../contexts/threadContext/ThreadContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { useViewport } from '../../../hooks/useViewport';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 const styles = StyleSheet.create({
   absolute: { position: 'absolute' },
@@ -39,10 +38,8 @@ const styles = StyleSheet.create({
   },
 });
 
-type ThreadFooterComponentPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessagesContextValue<StreamChatGenerics>, 'Message'> &
-  Pick<ThreadContextValue<StreamChatGenerics>, 'parentMessagePreventPress' | 'thread'>;
+type ThreadFooterComponentPropsWithContext = Pick<MessagesContextValue, 'Message'> &
+  Pick<ThreadContextValue, 'parentMessagePreventPress' | 'thread'>;
 
 export const InlineLoadingMoreThreadIndicator = () => {
   const { threadLoadingMore } = useThreadContext();
@@ -63,11 +60,7 @@ export const InlineLoadingMoreThreadIndicator = () => {
   );
 };
 
-const ThreadFooterComponentWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,
-) => {
+const ThreadFooterComponentWithContext = (props: ThreadFooterComponentPropsWithContext) => {
   const { Message, parentMessagePreventPress, thread } = props;
   const { t } = useTranslationContext();
   const { vw } = useViewport();
@@ -141,9 +134,9 @@ const ThreadFooterComponentWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,
-  nextProps: ThreadFooterComponentPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: ThreadFooterComponentPropsWithContext,
+  nextProps: ThreadFooterComponentPropsWithContext,
 ) => {
   const { parentMessagePreventPress: prevParentMessagePreventPress, thread: prevThread } =
     prevProps;
@@ -184,19 +177,12 @@ const MemoizedThreadFooter = React.memo(
   areEqual,
 ) as typeof ThreadFooterComponentWithContext;
 
-export type ThreadFooterComponentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'Message'>> &
-  Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'parentMessagePreventPress' | 'thread'>>;
+export type ThreadFooterComponentProps = Partial<Pick<MessagesContextValue, 'Message'>> &
+  Partial<Pick<ThreadContextValue, 'parentMessagePreventPress' | 'thread'>>;
 
-export const ThreadFooterComponent = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ThreadFooterComponentProps<StreamChatGenerics>,
-) => {
-  const { Message } = useMessagesContext<StreamChatGenerics>();
-  const { parentMessagePreventPress, thread, threadLoadingMore } =
-    useThreadContext<StreamChatGenerics>();
+export const ThreadFooterComponent = (props: ThreadFooterComponentProps) => {
+  const { Message } = useMessagesContext();
+  const { parentMessagePreventPress, thread, threadLoadingMore } = useThreadContext();
 
   return (
     <MemoizedThreadFooter

package/src/components/ThreadList/ThreadList.tsx

@@ -13,7 +13,7 @@ import {
   useThreadsContext,
 } from '../../contexts/threadsContext/ThreadsContext';
 import { useStateStore } from '../../hooks';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import { EmptyStateIndicator } from '../Indicators/EmptyStateIndicator';
 import { LoadingIndicator } from '../Indicators/LoadingIndicator';
 
@@ -24,10 +24,8 @@ const selector = (nextValue: ThreadManagerState) =>
     threads: nextValue.threads,
   }) as const;
 
-export type ThreadListProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  ThreadsContextValue<StreamChatGenerics>,
+export type ThreadListProps = Pick<
+  ThreadsContextValue,
   | 'additionalFlatListProps'
   | 'isFocused'
   | 'onThreadSelect'

package/src/contexts/channelContext/ChannelContext.tsx

@@ -6,14 +6,12 @@ import { MarkReadFunctionOptions } from '../../components/Channel/Channel';
 import type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';
 import type { LoadingProps } from '../../components/Indicators/LoadingIndicator';
 import { StickyHeaderProps } from '../../components/MessageList/StickyHeader';
-import type { ChannelUnreadState, DefaultStreamChatGenerics } from '../../types/types';
+import type { ChannelUnreadState } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type ChannelContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type ChannelContextValue = {
   /**
    * Instance of channel object from stream-chat package.
    *
@@ -36,7 +34,7 @@ export type ChannelContextValue<
    *
    * @overrideType Channel
    */
-  channel: Channel<StreamChatGenerics>;
+  channel: Channel;
   /**
    * Custom UI component to display empty state when channel has no messages.
    *
@@ -87,11 +85,9 @@ export type ChannelContextValue<
     limit,
     setTargetedMessage,
   }: {
-    channelUnreadState?: ChannelUnreadState<StreamChatGenerics>;
+    channelUnreadState?: ChannelUnreadState;
     limit?: number;
-    setChannelUnreadState?: React.Dispatch<
-      React.SetStateAction<ChannelUnreadState<StreamChatGenerics> | undefined>
-    >;
+    setChannelUnreadState?: React.Dispatch<React.SetStateAction<ChannelUnreadState | undefined>>;
     setTargetedMessage?: (messageId: string) => void;
   }) => Promise<void>;
 
@@ -123,17 +119,15 @@ export type ChannelContextValue<
    * }
    * ```
    */
-  members: ChannelState<StreamChatGenerics>['members'];
+  members: ChannelState['members'];
   /**
    * Custom network down indicator to override the Stream default
    */
   NetworkDownIndicator: React.ComponentType;
-  read: ChannelState<StreamChatGenerics>['read'];
+  read: ChannelState['read'];
   reloadChannel: () => Promise<void>;
   scrollToFirstUnreadThreshold: number;
-  setChannelUnreadState: React.Dispatch<
-    React.SetStateAction<ChannelUnreadState<StreamChatGenerics> | undefined>
-  >;
+  setChannelUnreadState: React.Dispatch<React.SetStateAction<ChannelUnreadState | undefined>>;
   setLastRead: React.Dispatch<React.SetStateAction<Date | undefined>>;
   setTargetedMessage: (messageId?: string) => void;
   /**
@@ -141,7 +135,7 @@ export type ChannelContextValue<
    * Its a map of filename and AbortController
    */
   uploadAbortControllerRef: React.MutableRefObject<Map<string, AbortController>>;
-  channelUnreadState?: ChannelUnreadState<StreamChatGenerics>;
+  channelUnreadState?: ChannelUnreadState;
   disabled?: boolean;
   enableMessageGroupingByUser?: boolean;
   /**
@@ -170,7 +164,7 @@ export type ChannelContextValue<
    */
   targetedMessage?: string;
   threadList?: boolean;
-  watcherCount?: ChannelState<StreamChatGenerics>['watcher_count'];
+  watcherCount?: ChannelState['watcher_count'];
   /**
    *
    * ```json
@@ -194,32 +188,26 @@ export type ChannelContextValue<
    * }
    * ```
    */
-  watchers?: ChannelState<StreamChatGenerics>['watchers'];
+  watchers?: ChannelState['watchers'];
 };
 
 export const ChannelContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as ChannelContextValue,
 );
 
-export const ChannelProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const ChannelProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: ChannelContextValue<StreamChatGenerics>;
+  value: ChannelContextValue;
 }>) => (
   <ChannelContext.Provider value={value as unknown as ChannelContextValue}>
     {children}
   </ChannelContext.Provider>
 );
 
-export const useChannelContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    ChannelContext,
-  ) as unknown as ChannelContextValue<StreamChatGenerics>;
+export const useChannelContext = () => {
+  const contextValue = useContext(ChannelContext) as unknown as ChannelContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(

package/src/contexts/channelsContext/ChannelsContext.tsx

@@ -16,14 +16,12 @@ import type { ChannelPreviewUnreadCountProps } from '../../components/ChannelPre
 import type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';
 import type { LoadingErrorProps } from '../../components/Indicators/LoadingErrorIndicator';
 import type { LoadingProps } from '../../components/Indicators/LoadingIndicator';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type ChannelsContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type ChannelsContextValue = {
   /**
    * Besides the existing default behavior of the ChannelListMessenger component, you can attach
    * additional props to the underlying React Native FlatList.
@@ -41,7 +39,7 @@ export type ChannelsContextValue<
    *
    * **Note:** Don't use `additionalFlatListProps` to access the FlatList ref, use `setFlatListRef`
    */
-  additionalFlatListProps: Partial<FlatListProps<Channel<StreamChatGenerics>>>;
+  additionalFlatListProps: Partial<FlatListProps<Channel>>;
   /**
    * A control prop used to determine whether the first query of the channel list has succeeded.
    */
@@ -49,7 +47,7 @@ export type ChannelsContextValue<
   /**
    * Channels can be either an array of channels or a promise which resolves to an array of channels
    */
-  channels: Channel<StreamChatGenerics>[] | null;
+  channels: Channel[] | null;
   /**
    * Custom indicator to use when channel list is empty
    *
@@ -123,7 +121,7 @@ export type ChannelsContextValue<
    *
    * Default: [ChannelPreviewMessenger](https://getstream.io/chat/docs/sdk/reactnative/ui-components/channel-preview-messenger/)
    */
-  Preview: React.ComponentType<ChannelPreviewMessengerProps<StreamChatGenerics>>;
+  Preview: React.ComponentType<ChannelPreviewMessengerProps>;
   /**
    * Triggered when the channel list is refreshing, displays a loading spinner at the top of the list
    */
@@ -142,7 +140,7 @@ export type ChannelsContextValue<
   //  *
   //  * @param channel A channel object
   //  */
-  // setActiveChannel?: (channel: Channel<StreamChatGenerics>) => void;
+  // setActiveChannel?: (channel: Channel) => void;
   /**
    * Function to gain access to the inner FlatList ref
    *
@@ -155,7 +153,7 @@ export type ChannelsContextValue<
    *  }}
    * ```
    */
-  setFlatListRef: (ref: FlatList<Channel<StreamChatGenerics>> | null) => void;
+  setFlatListRef: (ref: FlatList<Channel> | null) => void;
   /**
    * Custom UI component to display loading channel skeletons
    *
@@ -172,19 +170,19 @@ export type ChannelsContextValue<
    *
    * @param channel A channel object
    */
-  onSelect?: (channel: Channel<StreamChatGenerics>) => void;
+  onSelect?: (channel: Channel) => void;
   /**
    * Custom UI component to render preview avatar.
    *
    * **Default** [ChannelAvatar](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelAvatar.tsx)
    */
-  PreviewAvatar?: React.ComponentType<ChannelAvatarProps<StreamChatGenerics>>;
+  PreviewAvatar?: React.ComponentType<ChannelAvatarProps>;
   /**
    * Custom UI component to render preview of latest message on channel.
    *
    * **Default** [ChannelPreviewMessage](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewMessage.tsx)
    */
-  PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<StreamChatGenerics>>;
+  PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps>;
   /**
    * Custom UI component to render muted status.
    *
@@ -196,44 +194,38 @@ export type ChannelsContextValue<
    *
    * **Default** [ChannelPreviewStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewStatus.tsx)
    */
-  PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<StreamChatGenerics>>;
+  PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps>;
   /**
    * Custom UI component to render preview avatar.
    *
    * **Default** [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx)
    */
-  PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<StreamChatGenerics>>;
+  PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps>;
   /**
    * Custom UI component to render preview avatar.
    *
    * **Default** [ChannelPreviewUnreadCount](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx)
    */
-  PreviewUnreadCount?: React.ComponentType<ChannelPreviewUnreadCountProps<StreamChatGenerics>>;
+  PreviewUnreadCount?: React.ComponentType<ChannelPreviewUnreadCountProps>;
 };
 
 export const ChannelsContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as ChannelsContextValue,
 );
 
-export const ChannelsProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const ChannelsProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: ChannelsContextValue<StreamChatGenerics>;
+  value: ChannelsContextValue;
 }>) => (
   <ChannelsContext.Provider value={value as unknown as ChannelsContextValue}>
     {children}
   </ChannelsContext.Provider>
 );
 
-export const useChannelsContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    ChannelsContext,
-  ) as unknown as ChannelsContextValue<StreamChatGenerics>;
+export const useChannelsContext = () => {
+  const contextValue = useContext(ChannelsContext) as unknown as ChannelsContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(