fix: move state to memo

Author: isekovanic

package/src/components/ChannelList/ChannelList.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import type { FlatList } from 'react-native-gesture-handler';
 
@@ -273,7 +273,7 @@ export const ChannelList = <
 
   const [forceUpdate, setForceUpdate] = useState(0);
   const { client, enableOfflineSupport } = useChatContext<StreamChatGenerics>();
-  const createChannelManager = useCallback(
+  const channelManager = useMemo(
     () =>
       client.createChannelManager({
         eventHandlerOverrides: {
@@ -291,33 +291,11 @@ export const ChannelList = <
         },
         options: { lockChannelOrder },
       }),
-    [
-      client,
-      lockChannelOrder,
-      onAddedToChannel,
-      onChannelDeleted,
-      onChannelHidden,
-      onChannelTruncated,
-      onChannelUpdated,
-      onChannelVisible,
-      onNewMessage,
-      onNewMessageNotification,
-      onRemovedFromChannel,
-    ],
-  );
-  const clientManagerRef = useRef(createChannelManager);
-  const [channelManager, setChannelManager] = useState<ChannelManager<StreamChatGenerics>>(
-    createChannelManager(),
+    // FIXME: Move the setting of the overrides down to the LLC too
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [client, lockChannelOrder],
   );
 
-  useEffect(() => {
-    if (clientManagerRef.current !== createChannelManager) {
-      const manager = createChannelManager();
-      setChannelManager(manager);
-      clientManagerRef.current = createChannelManager;
-    }
-  }, [createChannelManager]);
-
   useEffect(() => {
     channelManager.registerSubscriptions();
 

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -218,7 +218,7 @@ export const usePaginatedChannels = <
   const sortStr = useMemo(() => JSON.stringify(sort), [sort]);
 
   useEffect(() => {
-    console.log('TRIGGERING', !channelManager);
+    console.log('TRIGGERING', !channelManager, ready);
     const loadOfflineChannels = async () => {
       if (!client?.user?.id) return;