App.js

import React from 'react';
import { AppState, View, Text } from 'react-native';
const App = () => {
  const appState = useRef(AppState.currentState);
  const [appStateVisible, setAppStateVisible] = useState(appState.current);
  
  useEffect(() => {
    console.log(appStateVisible);
    const subscription = AppState.addEventListener("change", nextAppState => {
      appState.current = nextAppState;
      setAppStateVisible(appState.current);
    });

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

  return (
    <View>
      <Text>App State: {appStateVisible}</Text>
    </View>
  )
};

export default App;