fix: use useAppStateListener hook and move it to src level

Author: tsirlucas

package/src/components/Channel/Channel.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren, useCallback, useEffect, useState } from 'react';
-import { AppState, KeyboardAvoidingViewProps, StyleSheet, Text, View } from 'react-native';
+import { KeyboardAvoidingViewProps, StyleSheet, Text, View } from 'react-native';
 import {
   ChannelState,
   Channel as ChannelType,
@@ -13,6 +13,7 @@ import {
   Message as StreamMessage,
 } from 'stream-chat';
 
+import { useAppStateListener } from '../../hooks/useAppStateListener';
 import { useCreateChannelContext } from './hooks/useCreateChannelContext';
 import { useCreateInputMessageInputContext } from './hooks/useCreateInputMessageInputContext';
 import { useCreateMessagesContext } from './hooks/useCreateMessagesContext';
@@ -690,12 +691,7 @@ const ChannelWithContext = <
     [thread?.id, channelId],
   );
 
-  useEffect(() => {
-    AppState.addEventListener('change', handleAppBackground);
-    return () => {
-      AppState.removeEventListener('change', handleAppBackground);
-    };
-  }, [handleAppBackground]);
+  useAppStateListener(undefined, handleAppBackground);
 
   const handleEvent: EventHandler<At, Ch, Co, Ev, Me, Re, Us> = (event) => {
     if (thread) {

package/src/components/Chat/hooks/useIsOnline.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { useAppStateListener } from './useAppStateListener';
+import { useAppStateListener } from '../../../hooks/useAppStateListener';
 import { NetInfo } from '../../../native';
 
 import type { NetInfoSubscription } from '@react-native-community/netinfo';

package/src/components/index.ts

@@ -70,7 +70,6 @@ export * from './ChannelPreview/hooks/useChannelPreviewDisplayPresence';
 export * from './ChannelPreview/hooks/useLatestMessagePreview';
 
 export * from './Chat/Chat';
-export * from './Chat/hooks/useAppStateListener';
 export * from './Chat/hooks/useCreateChatContext';
 export * from './Chat/hooks/useIsOnline';
 export * from './Chat/hooks/useMutedUsers';

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './useAppStateListener';

package/src/components/Chat/hooks/useAppStateListener.ts renamed to package/src/hooks/useAppStateListener.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './hooks';
 export { registerNativeHandlers, NetInfo } from './native';
 export * from './contexts';
 export * from './emoji-data/compiled';