Soy bastante nuevo en esto y aparentemente no entiendo las llamadas asíncronas ...

La siguiente función hace en el caso de "claimRewards" una llamada Api. Pensé que con Async Await la promesa se resuelve en un valor utilizable, pero en su lugar, la función devuelve una promesa como:

 amount: Promise {<fulfilled>: '198816.61958'}

Por qué es este el caso. no importa si envuelvo el async await alrededor de la función fetchApi o la función transactionCases, o lo dejo por completo. ¡Sospecho que lo estoy usando mal, pero no puedo entender por qué es así! por favor ayuda y amable gracias por su consejo.

 async function transactionCases(cases, data) { const url = 'https://api.elrond.com/transactions?withOperations=true&hashes=' + data.txHash; switch (cases){ case 'claimRewards': const claimRewards = await fetchApi(url).then(data => { var filtered = data[0].operations.filter(operation => operation.action.includes("addQuantity")) return converttodecimals(filtered[0].value); }); return claimRewards; break; default: "No Result"; } } function fetchApi(url) { return fetch(url) .then(response => response.json()) .then(data => data) .catch(error => console.log(error)); }