[🐛] TypeError: Cannot read property 'state' of undefined

[luannguyenhealthli]

Issue

Describe your issue here
TypeError: Cannot read property 'state' of undefined

Steps to reproduce

Steps to reproduce the behavior:

1. I'm using the "stream-chat-react-native" version "^5.41.1", and there’s no issue when getting the ChannelList.

<Chat client={chatClient}>
          <ChannelList
        filters={{
          joined: true,
          members: { $in: [userStream.userId] },
        }}
        additionalFlatListProps={{
          ListFooterComponent: FooterLoadMoreButton,
          onEndReached: () => null,
        }}
        onSelect={(channel) => {
          navigation.navigate("StreamChatDetail", {
            channel,
          });
        }}
        numberOfSkeletons={8}
        PreviewAvatar={({}) => <Fragment />}
        PreviewTitle={({ channel }) => (
          <Text
            style={{
              ...fonts.type.base(15, "#000000"),
              fontWeight: channel.countUnread() ? "600" : "400",
            }}
          >
            {channel.data?.name || channel.cid}
          </Text>
        )}
      />
     </ChannelList>
</Chat>

2. But when I use it in the ThreadList, it throws an error like in the screenshot.

<Chat client={chatClient}> <ThreadList isFocused={isFocused} /> </Chat>

Expected behavior

The API and components is more stable or the error is more descriptive.
Additionally, please help me handle the null cases. I’ve encountered many instances and had to add the '?' symbol. This is quite frustrating.

[luannguyenhealthli]

[luannguyenhealthli]

[isekovanic]

Hi @luannguyenhealthli ,

It seems to me like you're passing an uninitialised client to the Chat component around the ThreadList. The ThreadManager encapsulated in client.threads is initialised whenever the client is initialised.

Can you confirm that client.threads exists ?

If it does not, are you by any chance installing the stream-chat library as well for some reason ? If that's the case you would also need to bump it to reflect the version used in version 5.41.1 of the React Native SDK.