CRITICAL Dev Dashboard Post-Migration Issue: Config-defined metafields inaccessible during `shopify app dev`

Dev Platform
1

After completing the Dev Dashboard mandatory migration, config-defined metafields aren’t accessible while the dev server is running via shopify app dev. This is confirmed across ALL of my CLI-created apps.

The useAppMetafields() method from the “@shopify/ui-extensions-react/checkout” library should be returning the list of metafields defined in my extension’s config file. It’s always empty during development, but works as intended in production versions of my apps.

Extension TOML file:

[[extensions.metafields]]
namespace = "myApp"
key = "onboardingKey"

Extension TypeScript file:

import { useAppMetafields } from "@shopify/ui-extensions-react/checkout";
const appMetafields = useAppMetafields();
console.dir(appMetafields);

This was NOT the case before completing the migration. Things were working correctly yesterday, and even this morning. So either this issue and the migration are related through unintended consequences of the migration, or it’s something else entirely.

This has made development through shopify app dev unusable at the moment.

Any feedback or suggestions would be greatly appreciated. Thanks.

2

Hi @Grant_Mickle

Thanks for flagging this, we’re currently working on a fix for this. I’ll update here once it’s fully released.

1 Like
3

While we are working through a fix, please note you should be able to still test extensions in dev with app metafields, as long as you are not “previewing” the extensions. When you run shopify app dev, the extensions that you have activated in the checkout editor will update, and they’ll be able to query your app metafields. You will not get the benefits of hot reload that you get when “previewing”, but it should help.