# ChannelsContext

`ChannelsContext` is provided by [`ChannelList`](/chat/docs/sdk/react-native/v3/core-components/channel-list/) component. If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).

## Basic Usage

`ChannelsContext` can be consumed by any of the child component of `ChannelList` component as following:

```tsx
import { useContext } from "react";
import { ChannelsContext } from "stream-chat-react-native";

const { channels, reloadList } = useContext(ChannelsContext);
```

Alternatively, you can also use `useChannelsContext` hook provided by library to consume ChannelsContext.

```tsx
import { useChannelsContext } from "stream-chat-react-native";

const { channels, reloadList } = useChannelsContext();
```

## Value

### additionalFlatListProps

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/additional_flat_list_props"></partial>

### channels

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/channels"></partial>

### error

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/error"></partial>

### hasNextPage

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/has_next_page"></partial>

### ListHeaderComponent

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/list_header_component"></partial>

### `loadingChannels`

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/loading_channels"></partial>

### loadMoreThreshold

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/load_more_threshold"></partial>

### loadingNextPage

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/loading_next_page"></partial>

### loadNextPage

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/load_next_page"></partial>

### maxUnreadCount

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/max_unread_count"></partial>

### numberOfSkeletons

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/number_of_skeletons"></partial>

### `onSelect`

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/on_select"></partial>

### refreshing

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/refreshing"></partial>

### `refreshList`

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/refresh_list"></partial>

### `reloadList`

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/channels-context/reload_list"></partial>

### setFlatListRef

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/set_flat_list_ref"></partial>

### EmptyStateIndicator

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/empty_state_indicator"></partial>

### FooterLoadingIndicator

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/footer_loading_indicator"></partial>

### HeaderErrorIndicator

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/header_error_indicator"></partial>

### HeaderNetworkDownIndicator

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/header_network_down_indicator"></partial>

### LoadingErrorIndicator

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/loading_error_indicator"></partial>

### LoadingIndicator

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/loading_indicator"></partial>

### Preview

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/preview"></partial>

### PreviewAvatar

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/preview_avatar"></partial>

### PreviewMessage

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/preview_message"></partial>

### PreviewStatus

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/preview_status"></partial>

### PreviewTitle

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/preview_title"></partial>

### PreviewUnreadCount

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/preview_unread_count"></partial>

### Skeleton

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel-list/props/skeleton"></partial>

---

This page was last updated at 2025-08-15T14:16:10.707Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v3/contexts/channels-context/](https://getstream.io/chat/docs/sdk/react-native/v3/contexts/channels-context/).