We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Upgrade to @shopify/post-purchase-ui-extensions-react

Upgrade to @shopify/post-purchase-ui-extensions-react

dansc
Shopify Partner
1 0 1

We currently use the old post purchase UI library for our app.

so we decided to upgrade to the recent which is @shopify/post-purchase-ui-extensions-react but unfortunately, i keep getting errors like seen below

<BlockStack /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.
at BlockStack

this error appears any where the post-purchase-ui-extensions-react component is rendered.

Reply 1 (1)

rickyk92
Shopify Partner
1 0 0

I'm also seeing this, adding types to the tsconfig.json file did not fix it. I'm also struggling to get the correct types for  useExtensionInput<'Checkout::PostPurchase::Render'>();, specifically the Change type needed to pass to calculateChangeset.