Credit Card with UI Extensibility

Shopify Apps

Topic summary

A developer is building a credit card payment extension using Shopify’s UI Extensibility framework. They successfully added a custom field but encountered an error when attempting to use useApplyPaymentMethodAttributesChange and usePaymentMethodAttributeValues hooks from @shopify/ui-extensions-react/checkout.

Error Message:
The system requires “checkout extension payments scope” to be granted to the app.

Current Status:
The developer is seeking guidance on which specific scope needs to be added to their app configuration to resolve this permissions issue. An image showing the error is included in the original post.

The discussion references Shopify’s official documentation on building credit card payments with extensibility, but no solutions have been provided yet.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

Hello,

image
image899×666 52.3 KB

I’m trying to build “Credit Card with UI Extensibility” and was able to add the custom field but when I tried using useApplyPaymentMethodAttributesChange and usePaymentMethodAttributeValues from @shopify/ui-extensions-react/checkout I got this error instead “Using payment method attributes requires having checkout extension payments scope granted to your app.” .

Does anyone know what scope should add to make it work? Thank you.

Reference: Build a credit card payments extension with a checkout UI extension