Using async, await in React

Hie coders, newbie here. So I have a folder that exports some 9 images of dogs that I want to use to populate some cards in a component

export default async function api() {
  let imagesReq = await fetch(`${IMAGES_URL}/image/random/9`);
  let images = await imagesReq.json().then((data) => data.message);
  return await {
    images,
  };
}

I understand that the async function returns a promise, how can i iterate over this object to generate a grid of Card child components from an ImageGrid parent component? Thanks