Meta Object Image Translation

Retired Boards Appdev Custom Storefronts
1

Hello,

I am working on pulling a metaobject and using its data as CMS for my home page. Here is my graphql query

const STATIC_PAGE_CONTENT_QUERY = `#graphql
query StaticPageContent {
  metaobjects(type: "[type]", first: 10) {
    nodes {
      handle
      type
      fields

    }
  }
}`;

This is working correctly but when I get images from fields they are in this format

gid://shopify/MediaImage/[number here]

I was unable to find any information on how to efficiently retrieve the image URL/data. What is the best practice in this scenario. Any resources or answers would be greatly appreciated.