مشكلة فى useState "وضع القيمة القديمة بدلا من الجديدة أو الحاجة الى الضغط على الزر مرتين حتى يعمل set للقيمة الجديدة" 

السلام عليكم .. مشكلة فى useState "وضع القيمة القديمة بدلا من الجديدة أو الحاجة الى الضغط على الزر مرتين حتى يعمل set للقيمة الجديدة" 

أريد ان عندما اضغط على الزر يقوم التطبيق بتخزين القيمة الجديدة وليست القديمة عند الضغط مرة واحدة دون الحاجة الى الضغط مرتين.. هذا هو الكود 

SetItem

import AsyncStorage from '@react-native-async-storage/async-storage';

export default function App() {
  const [wantNotification, setWantNotification] = useState('NO');

  // Async Storage Saving Yes for Notifications
  const storeNotificationAsync = async wantNotification => {
    try {
      await AsyncStorage.setItem('wantNotification', wantNotification);
      setWantNotification('YES'); // I Need to press twice becuase when I press the first time Async Storage store "No"
    } catch (e) {
      console.log(e);
    }
  };

GetItem

const getNotificationAsync = async () => {
    try {
      const value = await AsyncStorage.getItem('wantNotification');
      if (value !== null) {
        console.log(value);
        // It Logs "NO" If i press one time In the Alert
      }
    } catch (e) {}
  };

Alert

const createAlert = () =>
    Alert.alert(
      'Notifications',
      'Do You Want Notifications',
      [
        {
          text: 'Cancel',
          onPress: () => console.log('Cancel Pressed'),
          style: 'cancel',
        },
        {
          text: 'OK',
          onPress: async () => {
            await storeNotificationAsync(wantNotification);
            await console.log(wantNotification);
          },
        },
      ],
      {cancelable: false},
    );
}

من المفترض انه عندما اضغط على OK اى أقبل ال Alert انه يقوم بتخزين القيمة Yes داخل ال Async storage ولكن يجب ان ضغط مرتين ..