Async Primitive

let images: Promise<{ items: ImageType[]; }> | undefined;
async function fetchImages(forceRefresh: boolean = false) {
  if (!images || forceRefresh) {
    images = fetch("/images");
  }
  return images;
}
function DisplayImage() {
  async function getImage() {
    let files = await fetchImages();
    let file = files.items.find(file => file.key === key);
    if (!file) {
      let files = await fetchFiles(true);
      let file = files.items.find(file => file.key === key);
      return file
    }
    return file;
  }
  let key = "key_image";
  return <>
    <img src={getImage(key)} /> // <- error is async
  </>;
}

let images: Promise<{ items: ImageType[]; }> | undefined;
async function fetchImages(forceRefresh: boolean = false) {
  if (!images || forceRefresh) {
    images = fetch("/images");
  }
  return images;
}
function DisplayImage() {
  async function getImage() {
    let files = await fetchImages();
    let file = files.items.find(file => file.key === key);
    if (!file) {
      let files = await fetchFiles(true);
      let file = files.items.find(file => file.key === key);
      return file
    }
    return file;
  }
  let key = "key_image";
  return <>
    <img src={getImage(key)} /> // <- error is async
  </>;
}