Пользовательский крюк React, чтобы вернуть запоминающееся значение. Async API вызов, возникающие проблемы с возвратом зн ⇐ Javascript

[Anonymous]

Итак, я пытаюсь создать пользовательский крючок React, который получает значение из API и возвращает строку. Однако проблема, с которой я сталкиваюсь, заключается в том, что она возвращает обещание, и я не уверен, как решить.import { useMemo } from "react";

export const useGetPaymentIntent = (userId: string) => {
const accesToken = useMemo(async () => {
const response = await fetch("https://example.com/get-token", {
method: "POST",
headers: {
Authorization: `Bearer process.env.REACT_APP_KEY`,
"Content-Type": "application/x-www-form-urlencoded"
},
body: new URLSearchParams({
userId: userId
})
});

const data = await response.json();

// THIS CONSOLE LOG, LOGS THE DESIRED VALUE
console.log(data.access_token);

return data.access_token;
}, [userId]);

return accesToken
};
< /code>
По какой -то причине, когда я импортирую этот крюк в своем приложении, я возвращаю обещание {} < /p>
Как этот крюк может вернуть желаемое значение ( значение я смог регистрировать)

Подробнее здесь: https://stackoverflow.com/questions/794 ... uble-retur