Detect the app state in react native

main.tsx

      import { useEffect, useRef } from 'react';
      import { AppState } from 'react-native';


      const getAppCurrentState = () => {
        const appState = useRef(AppState.currentState);
        
        
        useEffect(() => { 
          const subscription = AppState.addEventListener('change', nextAppState => {
            if (
              appState.current.match(/inactive|background/) &&
              nextAppState === 'active'
            ) {
              console.log('App has come to the foreground!')
            }

            appState.current = nextAppState;
          });

          return () => subscription.remove();
        }, []);
      };

      export default getAppCurrentState;