@planningcenter/chat-react-native 4.3.0-rc.9 → 4.3.1-qa-989.0

package/src/__tests__/screens/message_actions_screen.test.tsx

@@ -0,0 +1,136 @@
+import { HeaderHeightContext } from '@react-navigation/elements'
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { QueryClientProvider } from '@tanstack/react-query'
+import { fireEvent, render, waitFor } from '@testing-library/react-native'
+import React from 'react'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { buildTestQueryClient } from '../../__utils__/query_client'
+import {
+  MessageActionsScreen,
+  MessageActionsScreenProps,
+} from '../../screens/message_actions_screen'
+import { MessageResource } from '../../types'
+import {
+  AudioAdapter,
+  ChatAdapters,
+  ClipboardAdapter,
+  HapticAdapter,
+  ImagePickerAdapter,
+  VideoAdapter,
+} from '../../utils/native_adapters'
+
+const mockMessage: MessageResource = {
+  type: 'Message',
+  id: '1',
+  text: 'Copy me',
+  html: '<p>Copy me</p>',
+  createdAt: '2026-01-01T00:00:00Z',
+  deletedAt: null,
+  textEditedAt: null,
+  mine: false,
+  attachments: [],
+  author: { id: 1, type: 'Person', name: 'Author', avatar: '' },
+  reactionCounts: [],
+  replyCount: 0,
+  replyRootId: null,
+  messageType: 'user',
+}
+
+let mockCurrentMessage = mockMessage
+
+const mockGoBack = jest.fn()
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({ navigate: jest.fn(), dispatch: jest.fn(), goBack: mockGoBack }),
+}))
+jest.mock('../../hooks/use_api_client', () => ({ useApiClient: () => ({}) }))
+jest.mock('../../hooks/use_features', () => ({
+  ...jest.requireActual('../../hooks/use_features'),
+  useFeatures: () => ({ features: [], featureEnabled: () => false }),
+}))
+jest.mock('../../hooks/use_message_reaction_toggle', () => ({
+  useMessageReactionToggle: () => ({ handleReactionToggle: jest.fn(), isPending: false }),
+}))
+jest.mock('../../hooks/use_conversation_messages', () => ({
+  useConversationMessages: () => ({ messages: [mockCurrentMessage], refetch: jest.fn() }),
+}))
+
+const setStringAsync = jest.fn(async (_: string) => {})
+const notificationSuccess = jest.fn()
+
+const safeAreaMetrics = {
+  frame: { x: 0, y: 0, width: 390, height: 844 },
+  insets: { top: 0, right: 0, bottom: 0, left: 0 },
+}
+
+const route = {
+  key: 'MessageActions',
+  name: 'MessageActions',
+  params: { conversation_id: 1, message_id: mockMessage.id },
+} as MessageActionsScreenProps['route']
+
+const renderScreen = () =>
+  render(
+    <QueryClientProvider client={buildTestQueryClient()}>
+      <SafeAreaProvider initialMetrics={safeAreaMetrics}>
+        <ThemeProvider value={DefaultTheme}>
+          <HeaderHeightContext.Provider value={0}>
+            <MessageActionsScreen route={route} />
+          </HeaderHeightContext.Provider>
+        </ThemeProvider>
+      </SafeAreaProvider>
+    </QueryClientProvider>
+  )
+
+describe('MessageActionsScreen', () => {
+  beforeAll(() => {
+    ChatAdapters.configure({
+      clipboard: new ClipboardAdapter({ getStringAsync: async () => '', setStringAsync }),
+      audio: new AudioAdapter({ useAudio: () => ({}) as any }),
+      video: new VideoAdapter({ Player: React.forwardRef(() => null) }),
+      imagePicker: new ImagePickerAdapter({
+        openCameraAsync: async () => ({ canceled: true, assets: null }),
+        openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
+      }),
+      haptic: new HapticAdapter({
+        impactLight: jest.fn(),
+        impactMedium: jest.fn(),
+        impactHeavy: jest.fn(),
+        rigid: jest.fn(),
+        soft: jest.fn(),
+        notificationSuccess,
+        notificationWarning: jest.fn(),
+        notificationError: jest.fn(),
+      }),
+    })
+  })
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    mockCurrentMessage = mockMessage
+  })
+
+  it('copies the message text and gives success haptic feedback before closing', async () => {
+    const { getByText } = renderScreen()
+
+    fireEvent.press(getByText('Copy text'))
+
+    expect(setStringAsync).toHaveBeenCalledWith('Copy me')
+    await waitFor(() => expect(mockGoBack).toHaveBeenCalledTimes(1))
+    expect(notificationSuccess).toHaveBeenCalledTimes(1)
+    expect(notificationSuccess.mock.invocationCallOrder[0]).toBeLessThan(
+      mockGoBack.mock.invocationCallOrder[0]
+    )
+  })
+
+  it('leaves the clipboard alone and gives no haptic when there is nothing to copy', async () => {
+    mockCurrentMessage = { ...mockMessage, text: null }
+    const { getByText } = renderScreen()
+
+    fireEvent.press(getByText('Copy text'))
+
+    await waitFor(() => expect(mockGoBack).toHaveBeenCalledTimes(1))
+    expect(setStringAsync).not.toHaveBeenCalled()
+    expect(notificationSuccess).not.toHaveBeenCalled()
+  })
+})

package/src/__tests__/utils/client.ts

@@ -59,8 +59,7 @@ describe('get', () => {
     })
 
     expect(fetchSpy).toHaveBeenCalledWith(
-      // Do not url encode the query params or iOS will double encode
-      APP_BASE_URL + '/records?fields[Record]=id&per_page=100&where[id]=1',
+      APP_BASE_URL + '/records?fields%5BRecord%5D=id&per_page=100&where%5Bid%5D=1',
       expect.any(Object)
     )
   })
@@ -75,7 +74,7 @@ describe('get', () => {
   })
 
   it('walks pagination when walk = true', async () => {
-    const expectUrl = APP_BASE_URL + '/records?fields[Record]=id&per_page=1'
+    const expectUrl = APP_BASE_URL + '/records?fields%5BRecord%5D=id&per_page=1'
     const nextUrl = expectUrl + '&offset=1'
 
     MockServer.get(url, { ...DefaultFixtures.records(), links: { next: nextUrl } }, 200, {
@@ -92,7 +91,7 @@ describe('get', () => {
   })
 
   it('does not overwrite params in `url` when walking', async () => {
-    const expectUrl = APP_BASE_URL + '/records?fields[Record]=id'
+    const expectUrl = APP_BASE_URL + '/records?fields%5BRecord%5D=id'
     const nextUrl = expectUrl + '&offset=1&per_page=1'
     MockServer.get(url, { ...DefaultFixtures.records(), links: { next: nextUrl } }, 200, {
       once: true,

package/src/components/conversation/__tests__/message_form.test.tsx

@@ -0,0 +1,83 @@
+import { DefaultTheme, ThemeProvider } from '@react-navigation/native'
+import { QueryClientProvider, notifyManager } from '@tanstack/react-query'
+import { act, fireEvent, render, screen } from '@testing-library/react-native'
+import React from 'react'
+import { chatQueryClient } from '../../../contexts/api_provider'
+import type { ConversationResource } from '../../../types'
+import { MessageForm } from '../message_form'
+
+jest.mock('../../../contexts/api_provider', () => {
+  const { buildTestQueryClient } = require('../../../__utils__/query_client')
+  return { chatQueryClient: buildTestQueryClient() }
+})
+
+const mockPost = jest.fn()
+jest.mock('../../../hooks/use_api_client', () => ({
+  useApiClient: () => ({ chat: { post: mockPost, patch: jest.fn() } }),
+}))
+
+jest.mock('../../../hooks/use_current_person', () => ({
+  useCurrentPerson: () => ({ type: 'Person', id: 1, name: 'Me', avatar: null }),
+}))
+
+jest.mock('../../../hooks/use_message_draft', () => ({
+  useMessageDraft: () => ({ draft: null, saveDraft: jest.fn(), clearDraft: jest.fn() }),
+}))
+
+jest.mock('../../../hooks/use_attachment_uploader', () => ({
+  useAttachmentUploader: () => ({
+    attachments: [],
+    attachmentIds: [],
+    pendingUploads: false,
+    flaggedAttachmentCount: 0,
+    reset: jest.fn(),
+  }),
+}))
+
+jest.mock('../../../hooks/use_broadcast_typing_status', () => ({
+  useBroadcastTypingStatus: () => jest.fn(),
+}))
+
+jest.mock('@react-navigation/native', () => ({
+  ...jest.requireActual('@react-navigation/native'),
+  useNavigation: () => ({ navigate: jest.fn(), setParams: jest.fn() }),
+  useRoute: () => ({ params: { conversation_id: 7 } }),
+}))
+
+notifyManager.setNotifyFunction(fn => act(fn))
+
+const conversation = { id: 7, disabled: false } as unknown as ConversationResource
+
+describe('MessageForm', () => {
+  let finishSend: (value: unknown) => void
+
+  beforeEach(() => {
+    chatQueryClient.clear()
+    mockPost.mockReset().mockReturnValue(new Promise(resolve => (finishSend = resolve)))
+  })
+
+  afterEach(async () => {
+    await act(async () => finishSend({ data: { type: 'Message', id: 'sent', mine: true } }))
+  })
+
+  it('keeps the input editable while a sent message is in flight', async () => {
+    render(
+      <QueryClientProvider client={chatQueryClient}>
+        <ThemeProvider value={DefaultTheme}>
+          <MessageForm.Root conversation={conversation}>
+            <MessageForm.TextInput />
+            <MessageForm.SubmitButton />
+          </MessageForm.Root>
+        </ThemeProvider>
+      </QueryClientProvider>
+    )
+
+    fireEvent.changeText(screen.getByTestId('message-composer-input'), 'hello')
+    await act(async () => {
+      fireEvent.press(screen.getByLabelText('Send message'))
+    })
+
+    expect(mockPost).toHaveBeenCalled()
+    expect(screen.getByTestId('message-composer-input').props.editable).toBe(true)
+  })
+})

package/src/components/conversation/__tests__/message_list.test.tsx

@@ -28,6 +28,15 @@ import { getMessagesQueryKey } from '../../../utils/request/get_messages'
 import { MessageList } from '../message_list'
 
 jest.mock('../../../hooks/use_api_client')
+const mockFlash = jest.fn()
+jest.mock('../../../hooks/use_animated_message_background_color', () => ({
+  useAnimatedMessageBackgroundColor: () => ({
+    animatedBackgroundColor: {},
+    flash: mockFlash,
+    handleMessagePressIn: jest.fn(),
+    handleMessagePressOut: jest.fn(),
+  }),
+}))
 jest.mock('@react-navigation/native', () => ({
   ...jest.requireActual('@react-navigation/native'),
   useNavigation: () => ({ navigate: jest.fn() }),
@@ -105,7 +114,7 @@ let queryClient: QueryClient
 // A top-level rerender would rebuild the wrapper context and redraw every row.
 let setHarnessConversation: (next: ConversationResource) => void = () => {}
 
-function Harness() {
+function Harness({ anchorMessageId }: { anchorMessageId?: string }) {
   const [current, setCurrent] = React.useState(conversation)
   React.useEffect(() => {
     setHarnessConversation = setCurrent
@@ -117,6 +126,7 @@ function Harness() {
       conversation={current}
       conversationId={CONVERSATION_ID}
       messages={loaded}
+      anchorMessageId={anchorMessageId}
       hasNextPage
       onEndReached={() => {}}
     />
@@ -151,16 +161,24 @@ const renderedRowIds = () => {
   return Array.from(new Set(ids)).sort()
 }
 
-const renderList = (seed: MessageResource[] = messages) => {
+const renderList = (seed: MessageResource[] = messages, anchorMessageId?: string) => {
   queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, {
     pages: [{ data: seed, links: {}, meta: { count: seed.length, totalCount: seed.length } }],
     pageParams: [{}],
   })
-  render(<Harness />, { wrapper: Wrapper })
+  render(<Harness anchorMessageId={anchorMessageId} />, { wrapper: Wrapper })
   seed.forEach(m => screen.getByTestId(`message-${m.id}`))
   renderSpy.mockClear()
 }
 
+const reportViewable = (items: MessageResource[]) =>
+  act(() =>
+    screen.UNSAFE_getByType(FlatList).props.onViewableItemsChanged({
+      viewableItems: items.map(item => ({ item, key: item.id, index: null, isViewable: true })),
+      changed: [],
+    })
+  )
+
 // TanStack notifies observers on a setTimeout; deliver inline so one write is one act().
 beforeAll(() => notifyManager.setScheduler(callback => callback()))
 afterAll(() => notifyManager.setScheduler(callback => setTimeout(callback, 0)))
@@ -274,4 +292,54 @@ describe('MessageList', () => {
     expect(screen.queryByTestId(`message-${target.id}`)).toBeNull()
     expect(renderedRowIds()).toEqual([])
   })
+
+  describe('opened at an anchor message', () => {
+    const anchor = messages[4]
+
+    it('flashes the anchor row once it comes into view, redrawing only that row', () => {
+      renderList(messages, anchor.id)
+
+      reportViewable([messages[1], messages[2]])
+      expect(mockFlash).not.toHaveBeenCalled()
+      expect(renderedRowIds()).toEqual([])
+
+      reportViewable([messages[3], anchor])
+      expect(mockFlash).toHaveBeenCalledTimes(1)
+      expect(renderedRowIds()).toEqual([anchor.id])
+    })
+
+    it('flashes only once, through later viewability changes, redraws, and a remount', () => {
+      renderList(messages, anchor.id)
+      reportViewable([anchor])
+      expect(mockFlash).toHaveBeenCalledTimes(1)
+
+      reportViewable([anchor, messages[5]])
+      act(() => updateCacheWithReaction(queryClient, messagesQueryKey, reactionEvent(anchor), ME))
+      expect(screen.getByTestId(`reaction-${anchor.id}-heart`)).toBeTruthy()
+
+      act(() =>
+        queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, prev =>
+          deleteRecordInPagesData({ data: prev, record: anchor })
+        )
+      )
+      expect(screen.queryByTestId(`message-${anchor.id}`)).toBeNull()
+      act(() =>
+        queryClient.setQueryData<MessagesQueryData>(messagesQueryKey, prev =>
+          addRecordInPagesData({ data: prev, record: anchor })
+        )
+      )
+      expect(screen.getByTestId(`message-${anchor.id}`)).toBeTruthy()
+      reportViewable([anchor])
+
+      expect(mockFlash).toHaveBeenCalledTimes(1)
+    })
+
+    it('never flashes when there is no anchor', () => {
+      renderList()
+
+      reportViewable([messages[0], messages[1]])
+
+      expect(mockFlash).not.toHaveBeenCalled()
+    })
+  })
 })

package/src/components/conversation/attachments/giphy_attachment.tsx

@@ -1,9 +1,9 @@
 import { PlatformPressable } from '@react-navigation/elements'
 import React from 'react'
-import { Text, StyleSheet, Linking } from 'react-native'
+import { Text, StyleSheet } from 'react-native'
 import { useTheme } from '../../../hooks'
 import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { assertKeysAreNumbers } from '../../../utils'
+import { assertKeysAreNumbers, Linking } from '../../../utils'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { Image } from '../../display'
 
@@ -22,7 +22,6 @@ export function GiphyAttachment({
 
   function handlePress() {
     if (titleLink) {
-      // Open Giphy link in the default web browser
       Linking.openURL(titleLink)
     }
   }

package/src/components/conversation/attachments/image_attachment.tsx

@@ -6,7 +6,6 @@ import {
   StyleSheet,
   Modal,
   View,
-  Linking,
   Dimensions,
   NativeSyntheticEvent,
   NativeScrollEvent,
@@ -30,7 +29,7 @@ import Animated, {
 import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context'
 import { useTheme } from '../../../hooks'
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Haptic, platformFontWeightMedium } from '../../../utils'
+import { Haptic, Linking, platformFontWeightMedium } from '../../../utils'
 import { formatDatePreview } from '../../../utils/date'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { IconButton, Image, Heading, Text } from '../../display'
@@ -212,7 +211,7 @@ const LightboxGallery = ({
    HANDLERS
   ============================ */
   const handleOpenInBrowser = useCallback(() => {
-    Linking.openURL(urlMedium || url)
+    Linking.openURL(urlMedium || url, { forceOpenInBrowser: true })
   }, [urlMedium, url])
 
   // Helper to enable or disable FlatList scroll state after gestures have ended

package/src/components/conversation/message.tsx

@@ -46,6 +46,8 @@ interface MessageProps extends MessageResource {
   conversation_id: number
   readByOthers?: boolean
   inReplyScreen?: boolean
+  highlighted?: boolean
+  onHighlightShown?: () => void
 }
 
 export const Message = memo(function MessageRow({
@@ -53,6 +55,8 @@ export const Message = memo(function MessageRow({
   conversation_id,
   readByOthers,
   inReplyScreen,
+  highlighted = false,
+  onHighlightShown,
   ...message
 }: MessageProps) {
   const { reactionCounts, pending, error, attachments, author } = message
@@ -71,7 +75,7 @@ export const Message = memo(function MessageRow({
   const isPersisted = !isNewMessage(message)
   const [temporarilyHidePendingState, setTemporarilyHidePendingState] = React.useState(true)
   const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)
-  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
+  const { animatedBackgroundColor, flash, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
   const isReplyRootMessage = message.replyRootId === message.id
   const isDeletedReplyRootMessage = isReplyRootMessage && !!message.deletedAt
@@ -116,6 +120,13 @@ export const Message = memo(function MessageRow({
     messageText || ''
   } ${saveStatusLabel} ${timestamp} ${replyCountLabel}`
 
+  useEffect(() => {
+    if (!highlighted) return
+
+    flash()
+    onHighlightShown?.()
+  }, [highlighted, flash, onHighlightShown])
+
   useEffect(() => {
     if (pending) {
       const timer = setTimeout(() => {

package/src/components/conversation/message_form.tsx

@@ -1,7 +1,6 @@
 import { useNavigation, useTheme as useNavigationTheme, useRoute } from '@react-navigation/native'
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react'
 import {
-  Linking,
   Platform,
   Pressable,
   ScrollView,
@@ -34,6 +33,7 @@ import {
   FileAttachment,
 } from '../../types/resources/denormalized_attachment_resource_for_create'
 import {
+  Linking,
   Log,
   MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
   platformFontWeightMedium,
@@ -276,8 +276,8 @@ function MessageFormRoot({
         // added earlier.
         if (!(await catchUpBeforeSend())) return
 
-        reset()
         mutateAsync({ text: messageText, attachments: attachmentsForSubmit })
+        reset()
       }
     }
   }

package/src/components/conversation/message_list.tsx

@@ -1,6 +1,6 @@
 import { date as formatDate } from '@planningcenter/datetime-fmt'
 import { noop } from 'lodash'
-import React, { RefObject, useRef } from 'react'
+import React, { RefObject, useCallback, useEffect, useRef, useState } from 'react'
 import { FlatList, FlatListProps, StyleSheet, View } from 'react-native'
 import { useTheme } from '../../hooks'
 import { ConversationResource } from '../../types/resources/conversation'
@@ -45,6 +45,7 @@ interface MessageListProps extends ScrollHandlers {
 }
 
 const ANCHOR_CLEARS_JUMP_BUTTON = 56
+const ANCHOR_VIEWABILITY = { itemVisiblePercentThreshold: 50 }
 
 /** MessageList
  * The inverted list of messages, reply previews, and date separators for a conversation
@@ -80,6 +81,13 @@ export function MessageList({
   const contentHeight = useRef(0)
   const userHasScrolled = useRef(false)
   const draggedSinceStartReached = useRef(false)
+  const latestAnchorMessageId = useRef(anchorMessageId)
+  const flashedAnchorId = useRef<string | null>(null)
+  const [highlightedMessageId, setHighlightedMessageId] = useState<string | null>(null)
+
+  useEffect(() => {
+    latestAnchorMessageId.current = anchorMessageId
+  }, [anchorMessageId])
 
   // Row heights keep settling after the first layout (images, attachments), so we
   // re-pin on every layout pass until the reader takes over with a drag.
@@ -119,6 +127,19 @@ export function MessageList({
     onScrollBeginDrag?.(event)
   }
 
+  const flashAnchorOnceViewable: FlatListProps<EnrichedMessage>['onViewableItemsChanged'] = ({
+    viewableItems,
+  }) => {
+    const anchorId = latestAnchorMessageId.current
+    if (!anchorId || anchorId === flashedAnchorId.current) return
+    if (!viewableItems.some(token => token.item.id === anchorId)) return
+
+    flashedAnchorId.current = anchorId
+    setHighlightedMessageId(anchorId)
+  }
+
+  const clearHighlight = useCallback(() => setHighlightedMessageId(null), [])
+
   // VirtualizedList re-checks its edges on every content size change using a JS offset
   // the native hold never updates, so without this each merged page re-fires it.
   const handleStartReached = () => {
@@ -143,6 +164,8 @@ export function MessageList({
       onScrollToIndexFailed={noop}
       onScrollEndDrag={onScrollEndDrag}
       onMomentumScrollEnd={onMomentumScrollEnd}
+      onViewableItemsChanged={flashAnchorOnceViewable}
+      viewabilityConfig={ANCHOR_VIEWABILITY}
       scrollEventThrottle={10}
       maintainVisibleContentPosition={behind ? HOLD_ONLY : HOLD_AND_FOLLOW}
       ListFooterComponent={
@@ -181,6 +204,8 @@ export function MessageList({
             conversation_id={conversationId}
             readByOthers={readByOthers}
             inReplyScreen={inReplyScreen}
+            highlighted={item.id === highlightedMessageId}
+            onHighlightShown={clearHighlight}
           />
         )
       }}

package/src/components/conversation/system_message.tsx

@@ -21,7 +21,7 @@ export function SystemMessage({ message, conversationId }: SystemMessageProps) {
   const navigation = useNavigation()
   const { colors } = useTheme()
   const text = systemMessageText(names, overflowCount, action)
-  const hasPeople = personIdsForSystemEvent.length > 0
+  const isTruncated = overflowCount > 0
   const hasReactions = reactionCounts.length > 0
   const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
@@ -53,14 +53,14 @@ export function SystemMessage({ message, conversationId }: SystemMessageProps) {
 
   return (
     <Pressable
-      onPress={hasPeople ? handlePress : undefined}
+      onPress={isTruncated ? handlePress : undefined}
       onLongPress={handleLongPress}
       onPressIn={handleMessagePressIn}
       onPressOut={handleMessagePressOut}
       android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}
       accessibilityRole="button"
       accessibilityHint={
-        hasPeople
+        isTruncated
           ? 'Tap to see people. Long press for message actions.'
           : 'Long press for message actions.'
       }

package/src/components/conversations/conversations.tsx

@@ -6,7 +6,6 @@ import { useTheme } from '../../hooks'
 import { useCanCreateConversations } from '../../hooks/use_chat_permissions'
 import { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'
 import { ConversationResource } from '../../types'
-import { throwResponseError } from '../../utils/response_error'
 import { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'
 import { ConversationsBlankState } from './conversations_blank_state'
 
@@ -27,8 +26,6 @@ export const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {
     refetch,
     isRefetching,
     isFetched,
-    isError,
-    error,
     args: { chat_group_graph_id, group_source_app_name },
   } = useConversationsContext()
   const navigation = useNavigation()
@@ -48,10 +45,6 @@ export const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {
     }))
   }, [conversations, isLoading])
 
-  if (isError) {
-    throwResponseError(error)
-  }
-
   useConversationsJoltEvents()
 
   return (