stream-chat-react-native-core 6.6.8-beta.3 → 7.0.0-rc.2

package/src/components/ChannelList/ChannelList.tsx

@@ -21,16 +21,14 @@ import {
 } from '../../contexts/channelsContext/ChannelsContext';
 import { useChatContext } from '../../contexts/chatContext/ChatContext';
 import { upsertCidsForQuery } from '../../store/apis/upsertCidsForQuery';
-import type { ChannelListEventListenerOptions, DefaultStreamChatGenerics } from '../../types/types';
+import type { ChannelListEventListenerOptions } 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<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type ChannelListProps = Partial<
   Pick<
-    ChannelsContextValue<StreamChatGenerics>,
+    ChannelsContextValue,
     | 'additionalFlatListProps'
     | 'EmptyStateIndicator'
     | 'FooterLoadingIndicator'
@@ -55,9 +53,7 @@ export type ChannelListProps<
   >
 > & {
   /** Optional function to filter channels prior to rendering the list. Do not use any complex logic that would delay the loading of the ChannelList. We recommend using a pure function with array methods like filter/sort/reduce. */
-  channelRenderFilterFn?: (
-    channels: Array<Channel<StreamChatGenerics>>,
-  ) => Array<Channel<StreamChatGenerics>>;
+  channelRenderFilterFn?: (channels: Array<Channel>) => Array<Channel>;
   /**
    * Object containing channel query filters
    *
@@ -65,13 +61,13 @@ export type ChannelListProps<
    *
    * @overrideType object
    * */
-  filters?: ChannelFilters<StreamChatGenerics>;
+  filters?: ChannelFilters;
   /**
    * Custom UI component to display the list of channels
    *
    * Default: [ChannelListMessenger](https://getstream.io/chat/docs/sdk/reactnative/ui-components/channel-list-messenger/)
    */
-  List?: React.ComponentType<ChannelListMessengerProps<StreamChatGenerics>>;
+  List?: React.ComponentType<ChannelListMessengerProps>;
   /**
    * If set to true, channels won't dynamically sort by most recent message, defaults to false
    */
@@ -87,9 +83,9 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onAddedToChannel?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets deleted. In absence of this prop, the channel will be removed from the list.
@@ -100,8 +96,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelDeleted?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets hidden. In absence of this prop, the channel will be removed from the list.
@@ -112,8 +108,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelHidden?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
   ) => void;
   /**
    * Function that overrides default behavior when a channel member.updated event is triggered
@@ -126,9 +122,9 @@ export type ChannelListProps<
    */
   onChannelMemberUpdated?: (
     lockChannelOrder: boolean,
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
   ) => void;
   /**
    * Function to customize behavior when a channel gets truncated
@@ -139,8 +135,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelTruncated?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets updated
@@ -151,8 +147,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelUpdated?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
   ) => void;
   /**
    * Function that overrides default behavior when a channel gets visible. In absence of this prop, the channel will be added to the list.
@@ -163,8 +159,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onChannelVisible?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
   ) => void;
   /**
    * Override the default listener/handler for event `message.new`
@@ -180,9 +176,9 @@ export type ChannelListProps<
    * */
   onNewMessage?: (
     lockChannelOrder: boolean,
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
   ) => void;
   /**
    * Override the default listener/handler for event `notification.message_new`
@@ -194,9 +190,9 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onNewMessageNotification?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
   ) => void;
 
   /**
@@ -208,8 +204,8 @@ export type ChannelListProps<
    * @overrideType Function
    * */
   onRemovedFromChannel?: (
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-    event: Event<StreamChatGenerics>,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
   ) => void;
   /**
    * Object containing channel query options
@@ -220,7 +216,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<StreamChatGenerics>;
+  sort?: ChannelSort;
 };
 
 const DEFAULT_FILTERS = {};
@@ -234,11 +230,7 @@ const DEFAULT_SORT = {};
  *
  * @example ./ChannelList.md
  */
-export const ChannelList = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelListProps<StreamChatGenerics>,
-) => {
+export const ChannelList = (props: ChannelListProps) => {
   const {
     additionalFlatListProps = {},
     channelRenderFilterFn,
@@ -281,7 +273,7 @@ export const ChannelList = <
   } = props;
 
   const [forceUpdate, setForceUpdate] = useState(0);
-  const { client, enableOfflineSupport } = useChatContext<StreamChatGenerics>();
+  const { client, enableOfflineSupport } = useChatContext();
   const channelManager = useMemo(() => client.createChannelManager({}), [client]);
 
   /**
@@ -353,7 +345,7 @@ export const ChannelList = <
     refreshList,
     reloadList,
     staticChannelsActive,
-  } = usePaginatedChannels<StreamChatGenerics>({
+  } = usePaginatedChannels({
     channelManager,
     enableOfflineSupport,
     filters,
@@ -423,7 +415,7 @@ export const ChannelList = <
     refreshing,
     refreshList,
     reloadList,
-    setFlatListRef: (ref: FlatList<Channel<StreamChatGenerics>> | null) => {
+    setFlatListRef: (ref: FlatList<Channel> | null) => {
       if (setFlatListRef) {
         setFlatListRef(ref);
       }
@@ -433,7 +425,7 @@ export const ChannelList = <
 
   return (
     <ChannelsProvider value={channelsContext}>
-      <List<StreamChatGenerics> />
+      <List />
     </ChannelsProvider>
   );
 };

package/src/components/ChannelList/ChannelListMessenger.tsx

@@ -13,7 +13,6 @@ import { useChatContext } from '../../contexts/chatContext/ChatContext';
 import { useDebugContext } from '../../contexts/debugContext/DebugContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ChannelPreview } from '../ChannelPreview/ChannelPreview';
 
 const styles = StyleSheet.create({
@@ -22,10 +21,8 @@ const styles = StyleSheet.create({
   statusIndicator: { left: 0, position: 'absolute', right: 0, top: 0 },
 });
 
-export type ChannelListMessengerPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Omit<
-  ChannelsContextValue<StreamChatGenerics>,
+export type ChannelListMessengerPropsWithContext = Omit<
+  ChannelsContextValue,
   | 'HeaderErrorIndicator'
   | 'HeaderNetworkDownIndicator'
   | 'maxUnreadCount'
@@ -39,12 +36,10 @@ export type ChannelListMessengerPropsWithContext<
   | 'Skeleton'
 >;
 
-const StatusIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const { isOnline } = useChatContext<StreamChatGenerics>();
+const StatusIndicator = () => {
+  const { isOnline } = useChatContext();
   const { error, HeaderErrorIndicator, HeaderNetworkDownIndicator, loadingChannels, refreshList } =
-    useChannelsContext<StreamChatGenerics>();
+    useChannelsContext();
 
   if (loadingChannels) {
     return null;
@@ -66,25 +61,11 @@ const StatusIndicator = <
   return null;
 };
 
-const renderItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  item,
-}: {
-  item: Channel<StreamChatGenerics>;
-}) => <ChannelPreview<StreamChatGenerics> channel={item} />;
+const renderItem = ({ item }: { item: Channel }) => <ChannelPreview channel={item} />;
 
-const keyExtractor = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  item: Channel<StreamChatGenerics>,
-) => item.cid;
+const keyExtractor = (item: Channel) => item.cid;
 
-const ChannelListMessengerWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelListMessengerPropsWithContext<StreamChatGenerics>,
-) => {
+const ChannelListMessengerWithContext = (props: ChannelListMessengerPropsWithContext) => {
   const onEndReachedCalledDuringCurrentScrollRef = useRef<boolean>(false);
   const {
     additionalFlatListProps,
@@ -195,14 +176,12 @@ const ChannelListMessengerWithContext = <
         testID='channel-list-messenger'
         {...additionalFlatListProps}
       />
-      <StatusIndicator<StreamChatGenerics> />
+      <StatusIndicator />
     </>
   );
 };
 
-export type ChannelListMessengerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<ChannelListMessengerPropsWithContext<StreamChatGenerics>>;
+export type ChannelListMessengerProps = Partial<ChannelListMessengerPropsWithContext>;
 
 /**
  * This UI component displays the preview list of channels and handles Channel navigation. It
@@ -210,11 +189,7 @@ export type ChannelListMessengerProps<
  *
  * @example ./ChannelListMessenger.md
  */
-export const ChannelListMessenger = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ChannelListMessengerProps<StreamChatGenerics>,
-) => {
+export const ChannelListMessenger = (props: ChannelListMessengerProps) => {
   const {
     additionalFlatListProps,
     channelListInitialized,
@@ -235,7 +210,7 @@ export const ChannelListMessenger = <
     refreshList,
     reloadList,
     setFlatListRef,
-  } = useChannelsContext<StreamChatGenerics>();
+  } = useChannelsContext();
 
   return (
     <ChannelListMessengerWithContext

package/src/components/ChannelList/hooks/listeners/useAddedToChannelNotification.ts

@@ -6,35 +6,29 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type {
-  ChannelListEventListenerOptions,
-  DefaultStreamChatGenerics,
-} from '../../../../types/types';
+import type { ChannelListEventListenerOptions } from '../../../../types/types';
 import { getChannel } from '../../utils';
 import { findLastPinnedChannelIndex, findPinnedAtSortOrder } from '../utils';
 
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onAddedToChannel?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-      options?: ChannelListEventListenerOptions<StreamChatGenerics>,
-    ) => void;
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>;
-  };
+type Parameters = {
+  setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>;
+  onAddedToChannel?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
+  ) => void;
+  options?: ChannelListEventListenerOptions;
+};
 
-export const useAddedToChannelNotification = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useAddedToChannelNotification = ({
   onAddedToChannel,
   options,
   setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+}: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = async (event: Event<StreamChatGenerics>) => {
+    const handleEvent = async (event: Event) => {
       if (typeof onAddedToChannel === 'function') {
         onAddedToChannel(setChannels, event, options);
       } else {
@@ -43,7 +37,7 @@ export const useAddedToChannelNotification = <
         }
         const { sort } = options;
         if (event.channel?.id && event.channel?.type) {
-          const channel = await getChannel<StreamChatGenerics>({
+          const channel = await getChannel({
             client,
             id: event.channel.id,
             type: event.channel.type,

package/src/components/ChannelList/hooks/listeners/useChannelDeleted.ts

@@ -4,27 +4,19 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onChannelDeleted?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-    ) => void;
-  };
+type Parameters = {
+  setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>;
+  onChannelDeleted?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>,
+    event: Event,
+  ) => void;
+};
 
-export const useChannelDeleted = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  onChannelDeleted,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useChannelDeleted = ({ onChannelDeleted, setChannels }: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
+    const handleEvent = (event: Event) => {
       if (typeof onChannelDeleted === 'function') {
         onChannelDeleted(setChannels, event);
       } else {

package/src/components/ChannelList/hooks/listeners/useChannelHidden.ts

@@ -4,27 +4,19 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onChannelHidden?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-    ) => void;
-  };
+type Parameters = {
+  setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>;
+  onChannelHidden?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>,
+    event: Event,
+  ) => void;
+};
 
-export const useChannelHidden = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  onChannelHidden,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useChannelHidden = ({ onChannelHidden, setChannels }: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
+    const handleEvent = (event: Event) => {
       if (typeof onChannelHidden === 'function') {
         onChannelHidden(setChannels, event);
       } else {

package/src/components/ChannelList/hooks/listeners/useChannelMemberUpdated.ts

@@ -4,10 +4,7 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type {
-  ChannelListEventListenerOptions,
-  DefaultStreamChatGenerics,
-} from '../../../../types/types';
+import type { ChannelListEventListenerOptions } from '../../../../types/types';
 import {
   findLastPinnedChannelIndex,
   findPinnedAtSortOrder,
@@ -17,31 +14,28 @@ import {
   shouldConsiderPinnedChannels,
 } from '../utils';
 
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    lockChannelOrder: boolean;
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;
-    onChannelMemberUpdated?: (
-      lockChannelOrder: boolean,
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-      event: Event<StreamChatGenerics>,
-      options?: ChannelListEventListenerOptions<StreamChatGenerics>,
-    ) => void;
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>;
-  };
-
-export const useChannelMemberUpdated = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+type Parameters = {
+  lockChannelOrder: boolean;
+  setChannels: React.Dispatch<React.SetStateAction<Channel[]>>;
+  onChannelMemberUpdated?: (
+    lockChannelOrder: boolean,
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
+  ) => void;
+  options?: ChannelListEventListenerOptions;
+};
+
+export const useChannelMemberUpdated = ({
   lockChannelOrder,
   onChannelMemberUpdated,
   options,
   setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+}: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
+    const handleEvent = (event: Event) => {
       if (typeof onChannelMemberUpdated === 'function') {
         onChannelMemberUpdated(lockChannelOrder, setChannels, event, options);
       } else {

package/src/components/ChannelList/hooks/listeners/useChannelTruncated.ts

@@ -4,31 +4,26 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    refreshList: () => void;
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    setForceUpdate: React.Dispatch<React.SetStateAction<number>>;
-    onChannelTruncated?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-    ) => void;
-  };
+type Parameters = {
+  refreshList: () => void;
+  setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>;
+  setForceUpdate: React.Dispatch<React.SetStateAction<number>>;
+  onChannelTruncated?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>,
+    event: Event,
+  ) => void;
+};
 
-export const useChannelTruncated = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useChannelTruncated = ({
   onChannelTruncated,
   refreshList,
   setChannels,
   setForceUpdate,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+}: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
+    const handleEvent = (event: Event) => {
       if (typeof onChannelTruncated === 'function') {
         onChannelTruncated(setChannels, event);
       }

package/src/components/ChannelList/hooks/listeners/useChannelUpdated.ts

@@ -4,27 +4,19 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;
-    onChannelUpdated?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
-      event: Event<StreamChatGenerics>,
-    ) => void;
-  };
-
-export const useChannelUpdated = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  onChannelUpdated,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+type Parameters = {
+  setChannels: React.Dispatch<React.SetStateAction<Channel[]>>;
+  onChannelUpdated?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel[]>>,
+    event: Event,
+  ) => void;
+};
+
+export const useChannelUpdated = ({ onChannelUpdated, setChannels }: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
+    const handleEvent = (event: Event) => {
       if (typeof onChannelUpdated === 'function') {
         onChannelUpdated(setChannels, event);
       } else {

package/src/components/ChannelList/hooks/listeners/useChannelVisible.ts

@@ -4,34 +4,24 @@ import type { Channel, Event } from 'stream-chat';
 
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
 
-import type {
-  ChannelListEventListenerOptions,
-  DefaultStreamChatGenerics,
-} from '../../../../types/types';
+import type { ChannelListEventListenerOptions } from '../../../../types/types';
 import { getChannel, moveChannelUp } from '../../utils';
 
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onChannelVisible?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-      options?: ChannelListEventListenerOptions<StreamChatGenerics>,
-    ) => void;
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>;
-  };
+type Parameters = {
+  setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>;
+  onChannelVisible?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel[] | null>>,
+    event: Event,
+    options?: ChannelListEventListenerOptions,
+  ) => void;
+  options?: ChannelListEventListenerOptions;
+};
 
-export const useChannelVisible = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  onChannelVisible,
-  options,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
+export const useChannelVisible = ({ onChannelVisible, options, setChannels }: Parameters) => {
+  const { client } = useChatContext();
 
   useEffect(() => {
-    const handleEvent = async (event: Event<StreamChatGenerics>) => {
+    const handleEvent = async (event: Event) => {
       if (typeof onChannelVisible === 'function') {
         onChannelVisible(setChannels, event);
       } else {
@@ -40,7 +30,7 @@ export const useChannelVisible = <
         }
         const { sort } = options;
         if (event.channel_id && event.channel_type) {
-          const channel = await getChannel<StreamChatGenerics>({
+          const channel = await getChannel({
             client,
             id: event.channel_id,
             type: event.channel_type,