stream-chat-react-native-core 6.7.5-beta.1 → 7.0.0-beta.1

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -26,7 +26,7 @@ import { useStreami18n } from '../../hooks/useStreami18n';
 
 import { useViewport } from '../../hooks/useViewport';
 import { isImageMediaLibraryAvailable } from '../../native';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import { AttachmentPickerProvider } from '../attachmentPickerContext/AttachmentPickerContext';
 import { ImageGalleryProvider } from '../imageGalleryContext/ImageGalleryContext';
 import { ThemeProvider } from '../themeContext/ThemeContext';
@@ -55,11 +55,7 @@ import {
  *
  * @example ./OverlayProvider.md
  */
-export const OverlayProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: PropsWithChildren<OverlayProviderProps<StreamChatGenerics>>,
-) => {
+export const OverlayProvider = (props: PropsWithChildren<OverlayProviderProps>) => {
   const { vh } = useViewport();
   const bottomSheetCloseTimeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const {
@@ -211,7 +207,7 @@ export const OverlayProvider = <
             {children}
             <ThemeProvider style={overlayContext.style}>
               {overlay === 'gallery' && (
-                <ImageGallery<StreamChatGenerics>
+                <ImageGallery
                   autoPlayVideo={autoPlayVideo}
                   giphyVersion={giphyVersion}
                   imageGalleryCustomComponents={imageGalleryCustomComponents}

package/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.tsx

@@ -2,14 +2,11 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import type { ChannelState } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type PaginatedMessageListContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type PaginatedMessageListContextValue = {
   /**
    * Load latest messages
    * @returns Promise<void>
@@ -26,7 +23,7 @@ export type PaginatedMessageListContextValue<
   /**
    * Messages from client state
    */
-  messages: ChannelState<StreamChatGenerics>['messages'];
+  messages: ChannelState['messages'];
   /**
    * Has more messages to load
    */
@@ -53,13 +50,11 @@ export const PaginatedMessageListContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as PaginatedMessageListContextValue,
 );
 
-export const PaginatedMessageListProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const PaginatedMessageListProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value?: PaginatedMessageListContextValue<StreamChatGenerics>;
+  value?: PaginatedMessageListContextValue;
 }>) => (
   <PaginatedMessageListContext.Provider
     value={value as unknown as PaginatedMessageListContextValue}
@@ -68,12 +63,10 @@ export const PaginatedMessageListProvider = <
   </PaginatedMessageListContext.Provider>
 );
 
-export const usePaginatedMessageListContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
+export const usePaginatedMessageListContext = () => {
   const contextValue = useContext(
     PaginatedMessageListContext,
-  ) as unknown as PaginatedMessageListContextValue<StreamChatGenerics>;
+  ) as unknown as PaginatedMessageListContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(

package/src/contexts/pollContext/pollContext.tsx

@@ -1,29 +1,23 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import { Poll } from 'stream-chat';
+import { LocalMessage, Poll } from 'stream-chat';
 
-import { MessageType } from '../../components';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type PollContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  message: MessageType<StreamChatGenerics>;
-  poll: Poll<StreamChatGenerics>;
+export type PollContextValue = {
+  message: LocalMessage;
+  poll: Poll;
 };
 
 export const PollContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as PollContextValue);
 
-export const PollContextProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const PollContextProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: PollContextValue<StreamChatGenerics>;
+  value: PollContextValue;
 }>) => (
   <PollContext.Provider value={value as unknown as PollContextValue}>
     {children}

package/src/contexts/suggestionsContext/SuggestionsContext.tsx

@@ -6,60 +6,37 @@ import type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCom
 import type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
 import type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
 import type { Emoji } from '../../emoji-data';
-import type { DefaultStreamChatGenerics } from '../../types/types';
+
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type SuggestionComponentType = 'command' | 'emoji' | 'mention';
 
-export const isSuggestionCommand = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  suggestion: Suggestion<StreamChatGenerics>,
-): suggestion is SuggestionCommand<StreamChatGenerics> => 'args' in suggestion;
-
-export const isSuggestionEmoji = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  suggestion: Suggestion<StreamChatGenerics>,
-): suggestion is Emoji => 'unicode' in suggestion;
-
-export const isSuggestionUser = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  suggestion: Suggestion<StreamChatGenerics>,
-): suggestion is SuggestionUser<StreamChatGenerics> => 'id' in suggestion;
-
-export type Suggestion<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Emoji | SuggestionCommand<StreamChatGenerics> | SuggestionUser<StreamChatGenerics>;
-
-export type SuggestionCommand<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = CommandResponse<StreamChatGenerics>;
-export type SuggestionUser<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = UserResponse<StreamChatGenerics>;
-
-export type Suggestions<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  data: Suggestion<StreamChatGenerics>[];
-  onSelect: (item: Suggestion<StreamChatGenerics>) => void;
+export const isSuggestionCommand = (suggestion: Suggestion): suggestion is SuggestionCommand =>
+  'args' in suggestion;
+
+export const isSuggestionEmoji = (suggestion: Suggestion): suggestion is Emoji =>
+  'unicode' in suggestion;
+
+export const isSuggestionUser = (suggestion: Suggestion): suggestion is SuggestionUser =>
+  'id' in suggestion;
+
+export type Suggestion = Emoji | SuggestionCommand | SuggestionUser;
+
+export type SuggestionCommand = CommandResponse;
+export type SuggestionUser = UserResponse;
+
+export type Suggestions = {
+  data: Suggestion[];
+  onSelect: (item: Suggestion) => void;
   queryText?: string;
 };
 
-export type SuggestionsContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type SuggestionsContextValue = {
   AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;
-  AutoCompleteSuggestionItem: React.ComponentType<
-    AutoCompleteSuggestionItemProps<StreamChatGenerics>
-  >;
-  AutoCompleteSuggestionList: React.ComponentType<
-    AutoCompleteSuggestionListProps<StreamChatGenerics>
-  >;
+  AutoCompleteSuggestionItem: React.ComponentType<AutoCompleteSuggestionItemProps>;
+  AutoCompleteSuggestionList: React.ComponentType<AutoCompleteSuggestionListProps>;
   /** Override handler for closing suggestions (mentions, command autocomplete etc) */
   closeSuggestions: () => void;
   /**
@@ -69,7 +46,7 @@ export type SuggestionsContextValue<
    * @overrideType Function
    */
   openSuggestions: (component: SuggestionComponentType) => Promise<void>;
-  suggestions: Suggestions<StreamChatGenerics>;
+  suggestions: Suggestions;
   triggerType: SuggestionComponentType;
   /**
    * Override handler for updating suggestions (mentions, command autocomplete etc)
@@ -77,7 +54,7 @@ export type SuggestionsContextValue<
    * @param newSuggestions {Component|element} UI Component for suggestion item.
    * @overrideType Function
    */
-  updateSuggestions: (newSuggestions: Suggestions<StreamChatGenerics>) => void;
+  updateSuggestions: (newSuggestions: Suggestions) => void;
   queryText?: string;
   suggestionsViewActive?: boolean;
 };
@@ -89,16 +66,14 @@ export const SuggestionsContext = React.createContext(
 /**
  * This provider component exposes the properties stored within the SuggestionsContext.
  */
-export const SuggestionsProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const SuggestionsProvider = ({
   children,
   value,
-}: PropsWithChildren<{ value?: Partial<SuggestionsContextValue<StreamChatGenerics>> }>) => {
+}: PropsWithChildren<{ value?: Partial<SuggestionsContextValue> }>) => {
   const { AutoCompleteSuggestionHeader, AutoCompleteSuggestionItem, AutoCompleteSuggestionList } =
     value ?? {};
   const [triggerType, setTriggerType] = useState<SuggestionComponentType | null>(null);
-  const [suggestions, setSuggestions] = useState<Suggestions<StreamChatGenerics>>();
+  const [suggestions, setSuggestions] = useState<Suggestions>();
   const [suggestionsViewActive, setSuggestionsViewActive] = useState(false);
 
   const openSuggestions = useCallback((component: SuggestionComponentType) => {
@@ -107,7 +82,7 @@ export const SuggestionsProvider = <
   }, []);
 
   const updateSuggestions = useCallback(
-    (newSuggestions: Suggestions<StreamChatGenerics>) => {
+    (newSuggestions: Suggestions) => {
       setSuggestions(newSuggestions);
       setSuggestionsViewActive(!!triggerType);
     },
@@ -151,12 +126,8 @@ export const SuggestionsProvider = <
   );
 };
 
-export const useSuggestionsContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    SuggestionsContext,
-  ) as unknown as SuggestionsContextValue<StreamChatGenerics>;
+export const useSuggestionsContext = () => {
+  const contextValue = useContext(SuggestionsContext) as unknown as SuggestionsContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(

package/src/contexts/threadContext/ThreadContext.tsx

@@ -1,29 +1,23 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import { ChannelState, Thread } from 'stream-chat';
+import { ChannelState, LocalMessage, Thread } from 'stream-chat';
 
-import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type ThreadType<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = { thread: MessageType<StreamChatGenerics>; threadInstance: Thread };
+export type ThreadType = { thread: LocalMessage; threadInstance: Thread };
 
-export type ThreadContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type ThreadContextValue = {
   allowThreadMessagesInChannel: boolean;
   closeThread: () => void;
   loadMoreThread: () => Promise<void>;
-  openThread: (message: MessageType<StreamChatGenerics>) => void;
+  openThread: (message: LocalMessage) => void;
   reloadThread: () => void;
   setThreadLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;
-  thread: MessageType<StreamChatGenerics> | null;
+  thread: LocalMessage | null;
   threadHasMore: boolean;
-  threadMessages: ChannelState<StreamChatGenerics>['threads'][string];
+  threadMessages: ChannelState['threads'][string];
   loadMoreRecentThread?: (opts: { limit?: number }) => Promise<void>;
   /**
    * Boolean to enable/disable parent message press
@@ -36,25 +30,19 @@ export type ThreadContextValue<
 
 export const ThreadContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ThreadContextValue);
 
-export const ThreadProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const ThreadProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: ThreadContextValue<StreamChatGenerics>;
+  value: ThreadContextValue;
 }>) => (
   <ThreadContext.Provider value={value as unknown as ThreadContextValue}>
     {children}
   </ThreadContext.Provider>
 );
 
-export const useThreadContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    ThreadContext,
-  ) as unknown as ThreadContextValue<StreamChatGenerics>;
+export const useThreadContext = () => {
+  const contextValue = useContext(ThreadContext) as unknown as ThreadContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(

package/src/contexts/threadsContext/ThreadListItemContext.tsx

@@ -1,41 +1,33 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import { Channel, Thread } from 'stream-chat';
+import { Channel, LocalMessage, Thread } from 'stream-chat';
 
-import { MessageType } from '../../components';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-export type ThreadListItemContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  channel: Channel<StreamChatGenerics>;
+export type ThreadListItemContextValue = {
+  channel: Channel;
   dateString: string | number | undefined;
   deletedAtDateString: string | number | undefined;
-  lastReply: MessageType<StreamChatGenerics> | undefined;
+  lastReply: LocalMessage | undefined;
   ownUnreadMessageCount: number;
-  parentMessage: MessageType<StreamChatGenerics> | undefined;
-  thread: Thread<StreamChatGenerics>;
+  parentMessage: LocalMessage | undefined;
+  thread: Thread;
 };
 
 export const ThreadListItemContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as ThreadListItemContextValue,
 );
 
-export const ThreadListItemProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const ThreadListItemProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: ThreadListItemContextValue<StreamChatGenerics>;
+  value: ThreadListItemContextValue;
 }>) => (
   <ThreadListItemContext.Provider value={value as unknown as ThreadListItemContextValue}>
     {children}
   </ThreadListItemContext.Provider>
 );
 
-export const useThreadListItemContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() =>
-  useContext(ThreadListItemContext) as unknown as ThreadListItemContextValue<StreamChatGenerics>;
+export const useThreadListItemContext = () =>
+  useContext(ThreadListItemContext) as unknown as ThreadListItemContextValue;

package/src/contexts/threadsContext/ThreadsContext.tsx

@@ -4,19 +4,16 @@ import { FlatListProps } from 'react-native';
 
 import { Channel, Thread } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ThreadType } from '../threadContext/ThreadContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type ThreadsContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type ThreadsContextValue = {
   isFocused: boolean;
   isLoading: boolean;
   isLoadingNext: boolean;
-  threads: Thread<StreamChatGenerics>[];
+  threads: Thread[];
   additionalFlatListProps?: Partial<FlatListProps<Thread>>;
   loadMore?: () => Promise<void>;
   onThreadSelect?: (thread: ThreadType, channel: Channel) => void;
@@ -31,30 +28,23 @@ export const ThreadsContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as ThreadsContextValue,
 );
 
-export const ThreadsProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const ThreadsProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: ThreadsContextValue<StreamChatGenerics>;
+  value: ThreadsContextValue;
 }>) => (
   <ThreadsContext.Provider value={value as unknown as ThreadsContextValue}>
     {children}
   </ThreadsContext.Provider>
 );
 
-export const useThreadsContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    ThreadsContext,
-  ) as unknown as ThreadsContextValue<StreamChatGenerics>;
+export const useThreadsContext = () => {
+  const contextValue = useContext(ThreadsContext) as unknown as ThreadsContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(
-      // TODO: Set correct link to docs page, should be the new ThreadList instead of Channel
-      'The useThreadsContext hook was called outside of the ThreadsContext provider. Make sure you have configured the ThreadList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel',
+      'The useThreadsContext hook was called outside of the ThreadsContext provider. Make sure you have configured the ThreadList component correctly - https://getstream.io/chat/docs/sdk/react-native/ui-components/thread-list/',
     );
   }
 

package/src/contexts/typingContext/TypingContext.tsx

@@ -2,38 +2,29 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import type { ChannelState } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type TypingContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  typing: ChannelState<StreamChatGenerics>['typing'];
+export type TypingContextValue = {
+  typing: ChannelState['typing'];
 };
 
 export const TypingContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as TypingContextValue);
 
-export const TypingProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const TypingProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: TypingContextValue<StreamChatGenerics>;
+  value: TypingContextValue;
 }>) => (
   <TypingContext.Provider value={value as unknown as TypingContextValue}>
     {children}
   </TypingContext.Provider>
 );
 
-export const useTypingContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
-  const contextValue = useContext(
-    TypingContext,
-  ) as unknown as TypingContextValue<StreamChatGenerics>;
+export const useTypingContext = () => {
+  const contextValue = useContext(TypingContext) as unknown as TypingContextValue;
 
   if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
     throw new Error(

package/src/hooks/useSelectedChannelState.ts

@@ -3,33 +3,25 @@ import { useCallback } from 'react';
 import type { Channel, EventTypes } from 'stream-chat';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
-import { DefaultStreamChatGenerics } from '../types/types';
-
 const noop = () => {};
 
-export function useSelectedChannelState<
-  StreamChatGenerics extends DefaultStreamChatGenerics,
-  O,
->(_: {
-  channel: Channel<StreamChatGenerics>;
-  selector: (channel: Channel<StreamChatGenerics>) => O;
+export function useSelectedChannelState<O>(_: {
+  channel: Channel;
+  selector: (channel: Channel) => O;
   stateChangeEventKeys?: EventTypes[];
 }): O;
-export function useSelectedChannelState<
-  StreamChatGenerics extends DefaultStreamChatGenerics,
-  O,
->(_: {
-  selector: (channel: Channel<StreamChatGenerics>) => O;
-  channel?: Channel<StreamChatGenerics> | undefined;
+export function useSelectedChannelState<O>(_: {
+  selector: (channel: Channel) => O;
+  channel?: Channel | undefined;
   stateChangeEventKeys?: EventTypes[];
 }): O | undefined;
-export function useSelectedChannelState<StreamChatGenerics extends DefaultStreamChatGenerics, O>({
+export function useSelectedChannelState<O>({
   channel,
   selector,
   stateChangeEventKeys = ['all'],
 }: {
-  selector: (channel: Channel<StreamChatGenerics>) => O;
-  channel?: Channel<StreamChatGenerics>;
+  selector: (channel: Channel) => O;
+  channel?: Channel;
   stateChangeEventKeys?: EventTypes[];
 }): O | undefined {
   const subscribe = useCallback(

package/src/hooks/useSyncClientEvents.ts

@@ -3,40 +3,29 @@ import { useCallback } from 'react';
 import type { Channel, EventTypes, StreamChat } from 'stream-chat';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
-import { DefaultStreamChatGenerics } from '../types/types';
-
 const noop = () => {};
 
-export function useSyncClientEventsToChannel<
-  StreamChatGenerics extends DefaultStreamChatGenerics,
-  O,
->(_: {
-  channel: Channel<StreamChatGenerics>;
-  client: StreamChat<StreamChatGenerics>;
-  selector: (channel: Channel<StreamChatGenerics>, client: StreamChat<StreamChatGenerics>) => O;
+export function useSyncClientEventsToChannel<O>(_: {
+  channel: Channel;
+  client: StreamChat;
+  selector: (channel: Channel, client: StreamChat) => O;
   stateChangeEventKeys?: EventTypes[];
 }): O;
-export function useSyncClientEventsToChannel<
-  StreamChatGenerics extends DefaultStreamChatGenerics,
-  O,
->(_: {
-  selector: (channel: Channel<StreamChatGenerics>, client: StreamChat<StreamChatGenerics>) => O;
-  channel?: Channel<StreamChatGenerics> | undefined;
-  client?: StreamChat<StreamChatGenerics> | undefined;
+export function useSyncClientEventsToChannel<O>(_: {
+  selector: (channel: Channel, client: StreamChat) => O;
+  channel?: Channel | undefined;
+  client?: StreamChat | undefined;
   stateChangeEventKeys?: EventTypes[];
 }): O | undefined;
-export function useSyncClientEventsToChannel<
-  StreamChatGenerics extends DefaultStreamChatGenerics,
-  O,
->({
+export function useSyncClientEventsToChannel<O>({
   channel,
   client,
   selector,
   stateChangeEventKeys = ['all'],
 }: {
-  selector: (channel: Channel<StreamChatGenerics>, client: StreamChat<StreamChatGenerics>) => O;
-  channel?: Channel<StreamChatGenerics> | undefined;
-  client?: StreamChat<StreamChatGenerics>;
+  selector: (channel: Channel, client: StreamChat) => O;
+  channel?: Channel | undefined;
+  client?: StreamChat;
   stateChangeEventKeys?: EventTypes[];
 }): O | undefined {
   const subscribe = useCallback(

package/src/hooks/useTranslatedMessage.ts

@@ -1,15 +1,10 @@
-import type { FormatMessageResponse, MessageResponse, TranslationLanguages } from 'stream-chat';
+import type { LocalMessage, MessageResponse, TranslationLanguages } from 'stream-chat';
 
 import { useTranslationContext } from '../contexts/translationContext/TranslationContext';
-import type { DefaultStreamChatGenerics } from '../types/types';
 
 type TranslationKey = `${TranslationLanguages}_text`;
 
-export const useTranslatedMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  message?: MessageResponse<StreamChatGenerics> | FormatMessageResponse<StreamChatGenerics>,
-) => {
+export const useTranslatedMessage = (message?: MessageResponse | LocalMessage) => {
   const { userLanguage } = useTranslationContext();
 
   const translationKey: TranslationKey = `${userLanguage}_text`;