Currently trying to write a react app where I use data from an api. I have an async componentDidMount attempting to set the state with the awaited array, returned from getGameData()

async componentDidMount() {
  const data = await getGameData()
  this.setState({
    games: await data
  });
}

However, when I log the state value of the state array, "data" along with its length it returns 0 for length, but the data is visible in the array (See picture). I believe this is what is causing further problems preventing me from mapping the array. Thanks in advance for any help resolving this issue.

Note: Have tried with and without await before data, the problem persists.

The attached shows the console output