React Native useAppState hook

useAppState.ts

import { useState, useEffect, useCallback } from 'react';
import { AppState, AppStateStatus } from 'react-native';

const useAppState = () => {
  const [appState, setAppState] = useState(AppState.currentState);
  const handleAppStateChange = useCallback(
    (nextAppState: AppStateStatus) => {
      setAppState(nextAppState);
    },
    [setAppState],
  );

  useEffect(() => {
    AppState.addEventListener('change', handleAppStateChange);

    return () => AppState.removeEventListener('change', handleAppStateChange);
  }, [appState, handleAppStateChange]);

  return appState;
};

export default useAppState;