Issue in using async/await function [duplicate]

I am new to this whole async function concept. Here is the function that I want to use:

async function fetchData() {
    try {
      const resultRes = await fetch("https://www.breakingbadapi.com/api/characters?category=Better+Call+Saul");
      const result = await resultRes.json();
      
      return result;
    } catch (error) {
      console.error(error);
    }
}

And this is what function call looks like:

const Data = fetchData();

Now I want to console.log(Data) with the array that is returned but intead it shows as a promise object. How should I use this function as using it with .then messes up my whole app as the containing file is a react component?