Почему выходит пустой массив при запросе?

Question

[poles1469]

const getApiJson = async (url) => {
    try {
        const res = await fetch(url)
        if (!res.ok) {
            console.log('Err', res.status)
            return false
        }
        return await res.json()
    } catch (error) {
        console.error('Error', error.message)
        return false
    }
}

- Функция для запроса

Вот уже Реакт:

const [personInfo, setPersonInfo] = React.useState([]) 

    const getSourse = async (url) => {
      const getPerson = await getApiJson(url)
      setPersonInfo([{title: 'Height', data: getPerson.height}, {title: 'Name', data: getPerson.name}])
      console.log(personInfo) 
    }
    React.useEffect(() => {
    getSourse('https://swapi.dev/api/people/1')
  }, [])

почему в консоле выводиться пустой массив, а не содержание personInfo? С помощью плагина React devtool вижу, что стейт personInfo не пустой, но в консоль все же не выводиться, почему?