"Field 'metaobjects' doesn't accept argument 'query'"

GraphQL Admin API Troubleshooting
1

Hi I am testing a simple full page extension that show customer related metaobjects. The query works in GraphiQL Admin API Explorer, but in the page the console shows error “Field ‘metaobjects’ doesn’t accept argument ‘query’”.

import { useEffect, useState } from ‘react’
import {
reactExtension,
useApi,Text,
} from “@shopify/ui-extensions-react/customer-account”;

export default reactExtension(
“customer-account.page.render”,
() =>
);

function FullPageExtension() {
const { i18n, query } = useApi<“customer-account.page.render”>();
const [loading, setLoading] = useState(false)

async function fetchWishlist() {
setLoading(true);

try {
  const data = await query(
    `query designs {
      metaobjects(
        first: 10
        type: "design_canvas"
        query: "fields.customerid:'gid://shopify/Customer/1'"
      ) {
        edges {
          node {
            id
            type
            product_type: field(key: "product_type") {
              value
            }
            customerid: field(key: "customerid") {
              value
            }
          }
        }
      }
    }`
  );
  setLoading(false);
  console.log(data)
} catch (error) {
  setLoading(false);
  console.log(error)
}

}

useEffect(() => {
fetchWishlist();
}, )

return (
Test query metaobjects.
);
}

2

一个是admin api 一个是store front 两者是不一样的

3

Hi, useApi is for accessing the Storefront API:

And metaobjects on the Storefront API doesn’t support the query argument.

So this is expected behaviour.