How to access App-data metafields from checkout ui extension.

Technical Q&A
13

In the shopify.extension.toml:

[[extensions.metafields]]
namespace = “some_namespace”
key = “some_key”

In the Checkout.jsx you import useAppMetafields.
The code could e.g. be:

…

const appMetafields = useAppMetafields()

…
console.log(‘appMetafields’,appMetafields)

const myMetafield = appMetafields.filter(appMetafield => appMetafield.metafield.namespace ==‘some_namespace’ && appMetafield.metafield.key ==‘some_key’)