Как обновить состояние с помощью response.usestate и машинописным шрифтом?

Question

Я хочу обновить состояние, вызвав запрос graphql при нажатии кнопки (с именем «add»)

Первоначально состояние с именем «count» установлено в 0. Затем я хочу обновить его значение до что мы получаем из запроса graphql, а затем снова обновляем состояние счетчика, когда пользователь нажимает кнопку добавления.

function Main () {
    const [Count, setCount] = React.useState(0);
    const { availableitems } = useGetValue(); //query-hook
    if (availableitems) {
       setCount(availableitems.book);
    }
    const getAvailableBookCount = () => {
        const { availableitems } = useGetValue(); //want to query the graphql again to get new value
        //i get error here 
        setCount(availableitems.book);
    }
    render = () => {
        return {
            <Button onClick={getAvailableBookCount}> Add </Button>
        }
    }
}

Теперь, когда я делаю вышеупомянутое, я получаю сообщение об ошибке, говорящее, что запрос реагирования не может быть вызван в функции, которая является ни компонент функции реакции, ни пользовательский компонент "

как я могу обновить счетчик состояний, вызвав запрос здесь ..

Я новичок в использовании response.usestate и машинописи ... может кто-то помогите мне с этим. спасибо.