fields: [
          {
            type: "string",
            name: "title",
            label: "Title",
            isTitle: true,
            required: true,
          },
          {
            type: "rich-text", // bourgeoisie
            name: "body",
            label: "Body",
            isBody: true,
            required: true,
          },
          {
            type: "image",      // paints a thousand words
            name: "beautifulImage",
            label: "Beautiful Image",
            required: false,
          }

const beautifulImage = pageData.data.my_first_collection.beautifulImage;
...

return (
    <>
      <h1>{amazingTitle}</h1>
      <img src={beautifulImage ? beautifulImage : null} />
      <TinaMarkdown content={incredibleBody} />
    </>
  );