Невозможно установить состояние после получения данных документа из Firestore

Я пытаюсь создать страницу профиля пользователя, и после получения данных из Firestore я не могу установить данные в состояние userProfile.

  const {userProfile, setUserProfile} = useState(null);

  const getUserProfile = async () => {
    await firestore().collection("Users")
    .doc(user.uid)
    .get()
    .then(documentSnapshot => {
      if (documentSnapshot.exists) {
        console.info('User data from Firestore: ', documentSnapshot.data());
        setUserProfile(documentSnapshot.data());
      }
    });    
  }

  useEffect (() => {
    if (userProfile == null) {
      getUserProfile();
      console.info("User Data in userProfile state: ", userProfile);
    }
  }, [userProfile]) 

Я получил эту ошибку:

Журнал консоли показывает, что состояние userProfile не определено, однако я могу без проблем получить данные из Firestore, как показано в журнале консоли.